style(frontend): Improve dropdown styling
This commit is contained in:
parent
495dd3727c
commit
2cdaf794e4
1 changed files with 8 additions and 8 deletions
|
@ -459,7 +459,7 @@
|
||||||
top: 2.2em;
|
top: 2.2em;
|
||||||
right: 0.2em;
|
right: 0.2em;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
padding: 0.5em;
|
padding: 0;
|
||||||
border: 1px solid var(--foreground);
|
border: 1px solid var(--foreground);
|
||||||
border-radius: 0.2em;
|
border-radius: 0.2em;
|
||||||
background: var(--background);
|
background: var(--background);
|
||||||
|
@ -478,15 +478,15 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
& button {
|
& button {
|
||||||
display: block;
|
display: flex;
|
||||||
padding: 0.25em 1em;
|
align-items: center;
|
||||||
border: 1px solid transparent;
|
justify-content: flex-start;
|
||||||
transition:
|
padding: 0.5em 1em;
|
||||||
background 0.2s,
|
gap: 0.5em;
|
||||||
border-color 0.2s;
|
border: none;
|
||||||
|
transition: background 0.2s;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
border-color: var(--foreground);
|
|
||||||
background: var(--background-lightest);
|
background: var(--background-lightest);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue