fix(home): add 2 column grid for smaller screens

hypha-dao · Mar 22, 2023 · fead212 · fead212
2 parents 5c29d23 + 32427f5
commit fead212
Showing 1 changed file with 1 addition and 13 deletions.
diff --git a/src/pages/dho/Home.vue b/src/pages/dho/Home.vue
@@ -388,25 +388,13 @@ q-page.page-dashboard
   grid-template-areas "assignments badges members proposals new new"\
                       "support support how how new new"
 
-  @media (max-width: $breakpoint-lg-max)
-    grid-template-columns: repeat(4, 1fr) 2fr;
-    grid-template-rows: minmax(0, 1fr);
-    grid-template-areas "assignments badges members proposals new new"\
-                        "support support how how new new"
-
   @media (max-width: $breakpoint-md-max)
-    grid-template-columns: repeat(4, 1fr);
-    grid-template-rows: minmax(0, 1fr);
-    grid-template-areas "assignments badges members proposals"\
-                        "new new new new"\
-                        "support support how how"
-
-  @media (max-width: $breakpoint-xs-max)
     grid-template-columns: repeat(2, 1fr);
     grid-template-rows: minmax(0, 1fr);
     grid-template-areas "assignments badges"\
                         "members proposals"\
                         "new new"\
                         "support support"\
                         "how how"
+
 </style>