layout: fix media queries

giniedp · Nov 15, 2023 · 059d2f1 · 059d2f1
1 parent 8361835
commit 059d2f1
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/apps/web/app/landing.component.html b/apps/web/app/landing.component.html
@@ -1,4 +1,4 @@
-<div class="flex flex-col md:flex-row bg-base-100 shadow-xl max-w-[1600px] mx-auto rounded-lg overflow-clip mb-14">
+<div class="flex flex-col md:flex-row bg-base-100 shadow-xl max-w-[1600px] mx-auto rounded-lg overflow-clip">
   <figure class="relative w-full md:w-1/3 aspect-[4/5]">
     <img [nwImage]="'assets/landing.webp'" loading="eager" alt="Thorpe" class="w-full h-full object-cover" />
     <img

diff --git a/apps/web/app/pages/tools/gearsets/loadout/loadout-item.component.scss b/apps/web/app/pages/tools/gearsets/loadout/loadout-item.component.scss
@@ -7,7 +7,7 @@
   .outer-grid {
     display: grid;
     grid-template-columns: 4fr 2fr;
-    @screen sm {
+    @media (min-width: 576px) {
       grid-template-columns: 6fr 2fr;
     }
   }

diff --git a/apps/web/app/widgets/data/gearset-detail/gearset-loadout.component.scss b/apps/web/app/widgets/data/gearset-detail/gearset-loadout.component.scss
@@ -1,7 +1,7 @@
 :host {
   display: grid;
   grid-template-columns: 4fr 2fr;
-  @screen sm {
+  @media (min-width: 576px) {
     grid-template-columns: 6fr 2fr;
   }
 }
diff --git a/apps/web/app/widgets/data/gearset-table/gearset-cell.component.scss b/apps/web/app/widgets/data/gearset-table/gearset-cell.component.scss
@@ -7,7 +7,7 @@
   .outer-grid {
     display: grid;
     grid-template-columns: 4fr 2fr;
-    @screen sm {
+    @media (min-width: 576px) {
       grid-template-columns: 6fr 2fr;
     }
   }