web/sidebar: optimize tab bar for mobile

2024-06-16 22:26:06 +06:00
parent 3c35026d94
commit 50c27722e3
3 changed files with 14 additions and 1 deletions
--- a/web/src/components/sidebar/SidebarTab.svelte
+++ b/web/src/components/sidebar/SidebarTab.svelte
@@ -28,6 +28,8 @@
        color: var(--sidebar-highlight);
        font-size: var(--sidebar-font-size);
        opacity: 0.8;
+        height: fit-content;
+        -webkit-touch-callout: none;
    }

    .sidebar-tab.active {
@@ -55,8 +57,10 @@
            padding: 5px var(--padding);
            min-width: calc(var(--sidebar-width) / 2);
        }
+
        .sidebar-tab.active {
            z-index: 2;
+            border-radius: var(--border-radius);
        }
    }
 </style>