diff --git a/web/src/components/buttons/Switcher.svelte b/web/src/components/buttons/Switcher.svelte index dd457177..1e7aa85e 100644 --- a/web/src/components/buttons/Switcher.svelte +++ b/web/src/components/buttons/Switcher.svelte @@ -13,6 +13,7 @@ flex-direction: row; flex-wrap: nowrap; scrollbar-width: none; + overflow-x: scroll; } .switcher :global(.button:first-child) { diff --git a/web/src/components/sidebar/Sidebar.svelte b/web/src/components/sidebar/Sidebar.svelte index 2372f097..18865356 100644 --- a/web/src/components/sidebar/Sidebar.svelte +++ b/web/src/components/sidebar/Sidebar.svelte @@ -69,7 +69,7 @@ height: 100%; justify-content: space-between; padding-bottom: var(--padding); - overflow: scroll; + overflow-y: scroll; } @media screen and (max-width: 535px) { @@ -78,13 +78,15 @@ .sidebar-inner-container { flex-direction: row; } + #sidebar { width: 100%; height: auto; - overflow: scroll; + overflow-x: scroll; position: fixed; bottom: 0; } + #sidebar::before { content: ''; z-index: 1; @@ -102,8 +104,10 @@ rgba(0, 0, 0, 0.9) 100% ); } + #sidebar-tabs { justify-content: space-around; + overflow-y: visible; padding-bottom: 0; } }