web/sidebar: optimize tab bar for mobile

2024-06-16 22:26:06 +06:00
parent 3fc7b99d05
commit 7679b84b2e
3 changed files with 14 additions and 1 deletions
--- a/web/src/components/sidebar/Sidebar.svelte
+++ b/web/src/components/sidebar/Sidebar.svelte
@@ -84,6 +84,7 @@
            height: var(--sidebar-height-mobile);
            position: fixed;
            bottom: 0;
+            padding: 4px 0;
        }

        #sidebar::before {
@@ -103,5 +104,13 @@
            overflow-x: scroll;
            padding-bottom: 0;
        }
+
+        #sidebar :global(.sidebar-inner-container:first-child) {
+            padding-left: var(--padding);
+        }
+
+        #sidebar :global(.sidebar-inner-container:last-child) {
+            padding-right: var(--padding);
+        }
    }
 </style>