web/SettingsTab: fix overflow & chevron scaling
This commit is contained in:
parent
2512c4c6be
commit
352b0eae59
1 changed files with 6 additions and 4 deletions
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue