From 352b0eae590896e7e78771cf511413b410883401 Mon Sep 17 00:00:00 2001 From: wukko <me@wukko.me> Date: Tue, 25 Jun 2024 15:44:06 +0600 Subject: [PATCH] web/SettingsTab: fix overflow & chevron scaling --- web/src/components/settings/SettingsTab.svelte | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/web/src/components/settings/SettingsTab.svelte b/web/src/components/settings/SettingsTab.svelte index 6375ec7b..28fc621c 100644 --- a/web/src/components/settings/SettingsTab.svelte +++ b/web/src/components/settings/SettingsTab.svelte @@ -21,8 +21,9 @@ </div> <span>{tabName}</span> </div> - - <IconChevronRight class="settings-tab-chevron" /> + <div class="settings-tab-chevron"> + <IconChevronRight /> + </div> </a> <style> @@ -38,6 +39,7 @@ background: var(--primary); color: var(--button-text); border-radius: var(--border-radius); + overflow: hidden; } .settings-tab-left { @@ -58,7 +60,7 @@ stroke: var(--white); } - :global(.settings-tab-chevron) { + .settings-tab-chevron :global(svg) { display: none; stroke: var(--secondary); } @@ -101,7 +103,7 @@ width: 19px; } - :global(.settings-tab-chevron) { + .settings-tab-chevron :global(svg) { display: block; } }