web/SettingsTab: fix overflow & chevron scaling

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

View file

@ -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;
}
}