Add variable for grid sizing

tristanhollman · Feb 23, 2024 · b2fbfe4 · b2fbfe4
1 parent c33d9af
commit b2fbfe4
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 1 deletion.
diff --git a/src/components/StreakView/StreakView.module.less b/src/components/StreakView/StreakView.module.less
@@ -25,6 +25,7 @@
 
     & > * {
       flex: 1;
+      max-width: var(--streak-grid-item-max-width);
     }
   }
 

diff --git a/src/components/StreakView/User/User.module.less b/src/components/StreakView/User/User.module.less
@@ -6,7 +6,7 @@
   gap: 10px;
 
   .avatar {
-    width: 200px;
+    width: calc(var(--streak-grid-item-max-width) / 2);
     border-radius: 16px;
   }
 }
diff --git a/src/styles.less b/src/styles.less
@@ -1,3 +1,7 @@
+:root {
+  --streak-grid-item-max-width: 400px;
+}
+
 body {
   min-height: 100vh;
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -25,6 +25,7 @@ @@
         & > * {
           flex: 1;
+          max-width: var(--streak-grid-item-max-width);
         }
       }
@@ Expand Down @@