improve the mobile version

Modern-Modpacks · Jul 30, 2023 · 96712f5 · 96712f5
1 parent 5e6bf5b
commit 96712f5
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 6 deletions.
diff --git a/src/Router.svelte b/src/Router.svelte
@@ -209,19 +209,25 @@
 
     @media only screen and (max-width: 600px) {
         :global(h1) {
-            font-size: 2em;
+            font-size: 1.7em;
+        }
+        :global(button) {
+            font-size: 1.7em;
         }
         :global(h2) {
-            font-size: 1em;
+            font-size: .7em;
+        }
+        :global(input) {
+            font-size: .7em;
         }
         :global(h3) {
-            font-size: 0.9em;
+            font-size: 0.6em;
         }
         :global(h4) {
-            font-size: 0.8em;
+            font-size: 0.5em;
         }
         :global(p) {
-            font-size: 0.95em;
+            font-size: 0.65em;
         }
     }
 </style>
diff --git a/src/pages/search.svelte b/src/pages/search.svelte
@@ -62,7 +62,9 @@
         flex-direction: column;
         align-items: center;
 
-        width: 90vw;
+        width: 100vw;
+        padding-inline: 30px;
+        box-sizing: border-box;
     }
     #card {
         width: 100%;
@@ -95,6 +97,11 @@
             transform: scale(100%);
         }
     }
+    @media only screen and (max-width: 600px) {
+        #search > input {
+            width: 80vw;
+        }
+    }
 </style>
 
 <main>