Frontpage Mobile Fix (#4057)

Change CSS To show Correct dimensions on Mobile
stashapp · Sep 11, 2023 · f237a58 · f237a58
1 parent 24e4719
commit f237a58
Showing 1 changed file with 57 additions and 58 deletions.
diff --git a/ui/v2.5/src/index.scss b/ui/v2.5/src/index.scss
@@ -494,85 +494,84 @@ textarea.text-input {
     margin-right: 0;
   }
 }
-@media (min-width: 576px) {
-  .zoom-0 {
-    width: 240px;
 
-    .scene-card-preview {
-      height: 135px;
-    }
+.zoom-0 {
+  width: 240px;
 
-    .portrait {
-      height: 180px;
-    }
+  .scene-card-preview {
+    height: 135px;
+  }
 
-    .gallery-card-image,
-    .tag-card-image {
-      max-height: 180px;
-    }
+  .portrait {
+    height: 180px;
   }
 
-  .zoom-1 {
-    width: 320px;
+  .gallery-card-image,
+  .tag-card-image {
+    max-height: 180px;
+  }
+}
 
-    .scene-card-preview {
-      height: 180px;
-    }
+.zoom-1 {
+  width: 320px;
 
-    .portrait {
-      height: 240px;
-    }
+  .scene-card-preview {
+    height: 180px;
+  }
 
-    .gallery-card-image,
-    .tag-card-image {
-      max-height: 240px;
-    }
+  .portrait {
+    height: 240px;
+  }
 
-    .image-card-preview {
-      height: 240px;
-    }
+  .gallery-card-image,
+  .tag-card-image {
+    max-height: 240px;
   }
 
-  .zoom-2 {
-    width: 480px;
+  .image-card-preview {
+    height: 240px;
+  }
+}
 
-    .scene-card-preview {
-      height: 270px;
-    }
+.zoom-2 {
+  width: 480px;
 
-    .portrait {
-      height: 360px;
-    }
+  .scene-card-preview {
+    height: 270px;
+  }
 
-    .gallery-card-image,
-    .tag-card-image {
-      max-height: 360px;
-    }
+  .portrait {
+    height: 360px;
+  }
 
-    .image-card-preview {
-      height: 360px;
-    }
+  .gallery-card-image,
+  .tag-card-image {
+    max-height: 360px;
   }
 
-  .zoom-3 {
-    width: 640px;
+  .image-card-preview {
+    height: 360px;
+  }
+}
 
-    .scene-card-preview {
-      height: 360px;
-    }
+.zoom-3 {
+  width: 640px;
 
-    .portrait {
-      height: 480px;
-    }
+  .scene-card-preview {
+    height: 360px;
+  }
 
-    .tag-card-image,
-    .gallery-card-image {
-      max-height: 480px;
-    }
+  .portrait {
+    height: 480px;
+  }
 
-    .image-card-preview {
-      height: 480px;
-    }
+  .tag-card-image,
+  .gallery-card-image {
+    max-height: 480px;
+  }
+
+  .image-card-preview {
+    height: 480px;
   }
 }