Further improve mobile rendering

SavageCore · Sep 23, 2023 · 08773ac · 08773ac
1 parent b568dee
commit 08773ac
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/package.json b/package.json
@@ -5,6 +5,7 @@
   "type": "module",
   "scripts": {
     "dev": "vite",
+    "dev:remote": "vite --host",
     "build": "vite build",
     "preview": "vite preview",
     "check": "svelte-check --tsconfig ./tsconfig.json",

diff --git a/src/styles/app.scss b/src/styles/app.scss
@@ -22,10 +22,16 @@
   flex-direction: column;
   justify-content: center;
   align-items: center;
-  min-height: 90vh;
+  min-height: 100vh;
 }
 
 .disabled {
   opacity: 0.5;
   pointer-events: none;
 }
+
+@media (max-width: 768px) {
+  .container {
+    min-height: 80vh;
+  }
+}