refactor: Adjust styles for dropdown options; modify padding, margin, and border-radius for improved layout and appearance
This commit is contained in:
parent
b1b8672cf8
commit
bd402275b2
|
@ -79,19 +79,20 @@
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 40px;
|
bottom: 40px;
|
||||||
left: 0;
|
left: 0;
|
||||||
box-shadow: #{$box-shadow-medium};
|
padding: 2px 4px;
|
||||||
padding: 8px;
|
border-radius: #{$border-radius-medium};
|
||||||
border-radius: #{$border-radius-large};
|
|
||||||
background: var(--background-color);
|
background: var(--background-color);
|
||||||
|
backdrop-filter: blur(8px);
|
||||||
|
|
||||||
.option-list {
|
.option-list {
|
||||||
margin: 4px 0;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
border-radius: #{$border-radius-medium};
|
border-radius: #{$border-radius-medium};
|
||||||
gap: 6px;
|
gap: 6px;
|
||||||
padding: 4px;
|
padding: 2px;
|
||||||
|
padding-right: 12px;
|
||||||
|
margin: 2px 0;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background: var(--highlight-accent-color);
|
background: var(--highlight-accent-color);
|
||||||
|
|
Loading…
Reference in New Issue