blitzwing/cobalt-7
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

web/SettingsTab: fix overflow & chevron scaling

Browse source
This commit is contained in:
wukko 2024-06-25 15:44:06 +06:00
parent 2512c4c6be
commit 352b0eae59
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2
1 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
web/src/components/settings/SettingsTab.svelte
View file

@ -21,8 +21,9 @@
</div> </div>
<span>{tabName}</span> <span>{tabName}</span>
</div> </div>
<div class="settings-tab-chevron">
<IconChevronRight class="settings-tab-chevron" /> <IconChevronRight />
</div>
</a> </a>
<style> <style>
@ -38,6 +39,7 @@
background: var(--primary); background: var(--primary);
color: var(--button-text); color: var(--button-text);
border-radius: var(--border-radius); border-radius: var(--border-radius);
overflow: hidden;
} }
.settings-tab-left { .settings-tab-left {
@ -58,7 +60,7 @@
stroke: var(--white); stroke: var(--white);
} }
:global(.settings-tab-chevron) { .settings-tab-chevron :global(svg) {
display: none; display: none;
stroke: var(--secondary); stroke: var(--secondary);
} }
@ -101,7 +103,7 @@
width: 19px; width: 19px;
} }
:global(.settings-tab-chevron) { .settings-tab-chevron :global(svg) {
display: block; display: block;
} }
} }