web: mobile navigation

2024-06-14 17:33:33 +06:00
parent 5399ee9a4c
commit 92cccd720d
4 changed files with 60 additions and 0 deletions
--- a/web/src/components/sidebar/SidebarTab.svelte
+++ b/web/src/components/sidebar/SidebarTab.svelte
@@ -39,4 +39,14 @@
    .sidebar-tab:hover {
        opacity: 1;
    }
+
+    @media screen and (max-width: 535px) {
+        .sidebar-tab {
+            padding: 5px var(--sidebar-padding);
+            min-width: calc(var(--sidebar-width) / 2);
+        }
+        .sidebar-tab.active {
+            z-index: 2;
+        }
+    }
 </style>