wiki

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

try fix navbar on mobile
Diffstat:
M
public/index.html
 | 
19
++++++++++---------

1 file changed, 10 insertions(+), 9 deletions(-)
diff --git a/public/index.html b/public/index.html
@@ -23,12 +23,12 @@
             /* left: 0; */
         }
 
-        .markdown-section, .app-nav {
+        .markdown-section, #app-nav {
             /* width: var(--content-max-width); */
             max-width: var(--content-max-width);
         }
 
-        .app-nav {
+        #app-nav {
             /* background: red; */
             /* height: calc(35px + .5em*var(--base-line-height)); */
             height: 3.5rem;
@@ -41,21 +41,21 @@
             max-width: var(--content-max-width);
         }
 
-        .app-nav > a {
+        #app-nav > a {
             background: var(--gray);
             padding: 0.5rem 1rem;
             /* font-family: var(--code-font-family); */
             height: 2rem;
         }
-        .app-nav > a:hover {
+        #app-nav > a:hover {
             color: var(--aqua);
             background: var(--white);
         }
 
-        .app-nav a { color: var(--blue); }
-        .app-nav a:hover { color: var(--aqua); }
-        .app-nav a:active { color: var(--dark-aqua); }
-        .app-nav a:visited {
+        #app-nav a { color: var(--blue); }
+        #app-nav a:hover { color: var(--aqua); }
+        #app-nav a:active { color: var(--dark-aqua); }
+        #app-nav a:visited {
             /* color: var(--blue); */
         }
 
@@ -65,6 +65,7 @@
             height: 2rem;
             margin-left: 1rem;
             padding: 0;
+            max-width: 40%;
         }
 
         .search > .input-wrap {
@@ -186,7 +187,7 @@
             /* flex-wrap: wrap; */
         }
     </style>
-    <nav id="app-nav">
+    <nav id="app-nav" class="app-nav">
         <a id="nav-home" href="/">Home</a>
         <!-- <a id="nav-find" href="">find</a> -->
         <a id="nav-edit" href="">Edit</a>