fix: broken grid style on wide screen (#1205)

deckgo · Jun 13, 2021 · dc3778a · dc3778a
1 parent 4315304
commit dc3778a
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/studio/src/global/theme/mixins/_dashboard.scss b/studio/src/global/theme/mixins/_dashboard.scss
@@ -42,16 +42,16 @@
   grid-gap: 16px;
   grid-template-columns: repeat(4, 1fr);
 
-  --card-width: calc((100vw - 64px - 48px) / 4);
+  --card-width: min(calc((100vw - 64px - 48px) / 4), calc((1400px - 64px - 24px) / 4));
 
   @media (max-width: 992px) {
     grid-template-columns: repeat(3, 1fr);
-    --card-width: calc((100vw - 64px - 48px) / 3);
+    --card-width: calc((100vw - 64px - 32px) / 3);
   }
 
   @media (max-width: 768px) {
     grid-template-columns: repeat(2, 1fr);
-    --card-width: calc((100vw - 64px - 48px) / 2);
+    --card-width: calc((100vw - 64px - 24px) / 2);
   }
 
   @media (max-width: 576px) {