add enlarge image effect to mobile views

2026-08-03 07:41:04 +02:00 · 2023-04-29 17:54:25 +02:00
parent 756a53dd29
commit 638d9ac2ff
3 changed files with 60 additions and 28 deletions
@@ -56,10 +56,15 @@ const GlobalStyle = createGlobalStyle`
  }

  .enlarged {
-    max-width: none !important;
-    max-height: none !important;
-    width: auto !important;
-    height: auto !important;
+    @media (min-width: 480px) {
+      max-width: none !important;
+      max-height: none !important;
+    }
+
+    @media (max-width: 480px) {
+      max-width: 100% !important;
+      max-height: 100% !important;
+    }
  }
 `;