Better Project Card Sizing and Padding

2023-12-30 06:08:45 -03:00
parent 328fd8b12f
commit 11bbe8da2c
2 changed files with 9 additions and 2 deletions
--- a/src/app/projects/project-card/project-card.component.ts
+++ b/src/app/projects/project-card/project-card.component.ts
@@ -77,8 +77,11 @@ export class ProjectCardComponent implements OnInit {
    }

    private generateChart(languages: Language[], windowWidth: number): ChartOptions {
+        const WIDTH_PROPORTION = .9*.8;
+        const DOUBLE_PADDING_WIDTH = 40;
+
        const responsiveWindowWidth = windowWidth >= 530 ?
-            300 : (windowWidth*.8 - 80);
+            300 : (windowWidth*WIDTH_PROPORTION - DOUBLE_PADDING_WIDTH);

        return {
            series: languages.map(value => value.percentage),