fix select input styles

pull/10906/head
Konstantinos Kaloutas 2024-01-29 13:11:32 +02:00
parent 6371e900cc
commit ada4c0e48c
2 changed files with 12 additions and 2 deletions

View File

@ -39,8 +39,8 @@ export function SelectInput({
onValueChange={onValueChange}
>
<Tooltip content={tooltip} side={popoverSide}>
<LSUI.SelectTrigger
className={`h-8 font-medium bg-transparent ${compact ? "px-0 justify-center" : "px-2"}`}>
<LSUI.SelectTrigger
className={`tl-select-trigger ${compact ? "compact" : ""}`}>
<LSUI.SelectValue />
{!compact && (
<LSUI.SelectIcon asChild>

View File

@ -290,6 +290,16 @@ html[data-theme='light'] {
}
}
.tl-select-trigger {
@apply h-8 font-medium bg-transparent px-2;
border: 1px solid var(--ls-secondary-border-color);
&.compact {
@apply px-0 justify-center text-xs;
}
}
.tl-primary-tools {
@apply absolute h-full top-0 flex items-center justify-center;