combo menu styles

This commit is contained in:
Henry Jameson 2025-01-12 22:32:30 +02:00
parent b3ce454203
commit 7a3a4e81a1
3 changed files with 7 additions and 1 deletions

View file

@ -67,16 +67,20 @@
.extra-button {
display: grid;
box-sizing: border-box;
padding: var(--__horizontal-gap) var(--__horizontal-gap);
border: none;
align-items: center;
}
.extra-button {
border-left: 1px solid var(--icon);
padding-left: calc(var(--__horizontal-gap) - 1px);
border-right: var(--__horizontal-gap) solid transparent;
border-top: var(--__horizontal-gap) solid transparent;
border-bottom: var(--__horizontal-gap) solid transparent;
}
.main-button {
padding: var(--__horizontal-gap) var(--__horizontal-gap);
grid-gap: var(--__horizontal-gap);
grid-template-columns: 1fr var(--__line-height);
grid-auto-flow: column;

View file

@ -43,6 +43,7 @@
class="chevron-icon"
size="lg"
icon="chevron-right"
fixed-width
/>
</component>
</div>

View file

@ -144,6 +144,7 @@
class="chevron-icon"
size="lg"
icon="chevron-right"
fixed-width
/>
</template>
<template #content>