combo menu styles
This commit is contained in:
parent
b3ce454203
commit
7a3a4e81a1
3 changed files with 7 additions and 1 deletions
|
@ -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;
|
||||
|
|
|
@ -43,6 +43,7 @@
|
|||
class="chevron-icon"
|
||||
size="lg"
|
||||
icon="chevron-right"
|
||||
fixed-width
|
||||
/>
|
||||
</component>
|
||||
</div>
|
||||
|
|
|
@ -144,6 +144,7 @@
|
|||
class="chevron-icon"
|
||||
size="lg"
|
||||
icon="chevron-right"
|
||||
fixed-width
|
||||
/>
|
||||
</template>
|
||||
<template #content>
|
||||
|
|
Loading…
Add table
Reference in a new issue