fix input clearable button styles

This commit is contained in:
jeffvli
2026-07-29 21:13:12 -07:00
parent 77ea7f9c75
commit 75c43d6724
14 changed files with 229 additions and 35 deletions
@@ -17,6 +17,10 @@
color: var(--theme-colors-foreground);
background: var(--theme-colors-background);
}
&.clearable {
padding-right: 4rem;
}
}
.input:focus,
@@ -63,3 +67,20 @@
font-size: var(--theme-font-size-xs);
color: var(--theme-colors-foreground-muted);
}
.clear-button {
color: var(--theme-colors-foreground) !important;
background: transparent !important;
&:hover,
&:active,
&:focus-visible {
@mixin dark {
background-color: lighten(var(--theme-colors-background), 10%) !important;
}
@mixin light {
background-color: darken(var(--theme-colors-background), 5%) !important;
}
}
}