vinvoor: minor heatmap mobile changes

ZeusWPI · Aug 26, 2024 · f1c0a4d · f1c0a4d
1 parent be8caa4
commit f1c0a4d
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/vinvoor/src/overview/Overview.tsx b/vinvoor/src/overview/Overview.tsx
@@ -42,7 +42,7 @@ export const Overview = () => {
               sx={{
                 padding: 2,
                 width: "100%",
-                height: { xs: "auto", lg: paperHeight },
+                height: paperHeight,
                 display: "flex",
                 justifyContent: "center",
               }}

diff --git a/vinvoor/src/overview/heatmap/utils.ts b/vinvoor/src/overview/heatmap/utils.ts
@@ -56,14 +56,14 @@ export const styleMonth = [
 
 // Size
 
-export const RECT_SIZE = (isSmallView: boolean) => (isSmallView ? 5 : 20);
-export const RECT_RADIUS = (isSmallView: boolean) => (isSmallView ? 1 : 4);
-export const RECT_STROKE = (isSmallView: boolean) => (isSmallView ? 1 : 2);
-export const SPACE = (isSmallView: boolean) => (isSmallView ? 2 : 10);
-export const TOP_PAD = (isSmallView: boolean) => (isSmallView ? 8 : 25);
+export const RECT_SIZE = (isSmallView: boolean) => (isSmallView ? 3 : 20);
+export const RECT_RADIUS = (isSmallView: boolean) => (isSmallView ? 0.5 : 4);
+export const RECT_STROKE = (isSmallView: boolean) => (isSmallView ? 0.3 : 2);
+export const SPACE = (isSmallView: boolean) => (isSmallView ? 1.5 : 10);
+export const TOP_PAD = (isSmallView: boolean) => (isSmallView ? 6 : 25);
 export const LEFT_PAD = (isSmallView: boolean) => (isSmallView ? 2 : 5);
-export const MONTH_RECT_Y = (isSmallView: boolean) => (isSmallView ? 5 : 15);
-export const FONT_SIZE = (isSmallView: boolean) => (isSmallView ? 4 : 15);
+export const MONTH_RECT_Y = (isSmallView: boolean) => (isSmallView ? 4 : 15);
+export const FONT_SIZE = (isSmallView: boolean) => (isSmallView ? 3 : 15);
 
 // Month labels