wiki

commit e481445f380da159a88f9709fabdafb5b7d39760
parent 69a97ea3d404584394da891389f68f1e9f589cf5
Author: Alisa Lain <60989682+al1-ce@users.noreply.github.com>
Date:   Thu, 10 Jul 2025 05:13:42 +0300

improve mobile navbar
Diffstat:
M
public/index.html
 | 
31
+++++++++++++++++++++----------

1 file changed, 21 insertions(+), 10 deletions(-)
diff --git a/public/index.html b/public/index.html
@@ -63,9 +63,7 @@
             margin-bottom: 0;
             border-bottom: none;
             height: 2rem;
-            margin-left: 1rem;
             padding: 0;
-            max-width: 40%;
         }
 
         .search > .input-wrap {
@@ -108,14 +106,6 @@
             color: var(--red);
         }
 
-        #nav-home {
-            margin-right: auto;
-        }
-
-        #nav-edit, #nav-hist {
-            margin-left: 1rem;
-        }
-
         body {
             background: var(--dark-gray);
         }
@@ -186,6 +176,27 @@
             justify-content: center;
             /* flex-wrap: wrap; */
         }
+
+        @media only screen and (max-width: 500px) {}
+        @media only screen and (min-width: 500px) {
+
+            #nav-home {
+            margin-right: auto;
+        }
+
+        #nav-edit, #nav-hist {
+            margin-left: 1rem;
+        }
+            .search {
+            margin-left: 1rem; 
+            }
+            #app-nav {
+            margin-left 0;
+                margin-right: 0;
+                left: 0;
+            }
+ 
+        }
     </style>
     <nav id="app-nav" class="app-nav">
         <a id="nav-home" href="/">Home</a>