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 {
|
.extra-button {
|
||||||
display: grid;
|
display: grid;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
padding: var(--__horizontal-gap) var(--__horizontal-gap);
|
|
||||||
border: none;
|
border: none;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.extra-button {
|
.extra-button {
|
||||||
border-left: 1px solid var(--icon);
|
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 {
|
.main-button {
|
||||||
|
padding: var(--__horizontal-gap) var(--__horizontal-gap);
|
||||||
grid-gap: var(--__horizontal-gap);
|
grid-gap: var(--__horizontal-gap);
|
||||||
grid-template-columns: 1fr var(--__line-height);
|
grid-template-columns: 1fr var(--__line-height);
|
||||||
grid-auto-flow: column;
|
grid-auto-flow: column;
|
||||||
|
|
|
@ -43,6 +43,7 @@
|
||||||
class="chevron-icon"
|
class="chevron-icon"
|
||||||
size="lg"
|
size="lg"
|
||||||
icon="chevron-right"
|
icon="chevron-right"
|
||||||
|
fixed-width
|
||||||
/>
|
/>
|
||||||
</component>
|
</component>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -144,6 +144,7 @@
|
||||||
class="chevron-icon"
|
class="chevron-icon"
|
||||||
size="lg"
|
size="lg"
|
||||||
icon="chevron-right"
|
icon="chevron-right"
|
||||||
|
fixed-width
|
||||||
/>
|
/>
|
||||||
</template>
|
</template>
|
||||||
<template #content>
|
<template #content>
|
||||||
|
|
Loading…
Add table
Reference in a new issue