diff options
| author | David Hill <[email protected]> | 2026-01-20 17:29:32 +0000 |
|---|---|---|
| committer | David Hill <[email protected]> | 2026-01-20 20:34:45 +0000 |
| commit | a8113ee0df2976755560b1bc32c243dae8332fb3 (patch) | |
| tree | e8379f5847ab51df8fbc526eaeb780fc523d973f | |
| parent | bcb8d970f190d83aece1f03aaf011ba84e546827 (diff) | |
| download | opencode-a8113ee0df2976755560b1bc32c243dae8332fb3.tar.gz opencode-a8113ee0df2976755560b1bc32c243dae8332fb3.zip | |
update select trigger and dropdown styling
| -rw-r--r-- | packages/ui/src/components/select.css | 33 |
1 files changed, 18 insertions, 15 deletions
diff --git a/packages/ui/src/components/select.css b/packages/ui/src/components/select.css index a8fb7e9d1..ab0f62665 100644 --- a/packages/ui/src/components/select.css +++ b/packages/ui/src/components/select.css @@ -1,12 +1,17 @@ [data-component="select"] { [data-slot="select-select-trigger"] { - padding: 0 4px 0 8px; + padding: 6px 12px; box-shadow: none; + border-radius: 6px; + min-width: 160px; + height: 32px; + justify-content: flex-end; [data-slot="select-select-trigger-value"] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; + font-size: var(--font-size-base); } [data-slot="select-select-trigger-icon"] { width: 16px; @@ -19,16 +24,14 @@ transition: transform 0.1s ease-in-out; } + &:hover { + background-color: var(--input-base); + box-shadow: var(--shadow-xs-border-base); + } + &[data-expanded] { - &[data-variant="secondary"] { - background-color: var(--button-secondary-hover); - } - &[data-variant="ghost"] { - background-color: var(--surface-raised-base-active); - } - &[data-variant="primary"] { - background-color: var(--icon-strong-active); - } + background-color: var(--input-base); + box-shadow: var(--shadow-xs-border-base); } &:not([data-expanded]):focus { @@ -46,7 +49,7 @@ } [data-component="select-content"] { - min-width: 180px; + min-width: 160px; max-width: 23rem; overflow: hidden; border-radius: 8px; @@ -86,12 +89,12 @@ border-radius: 4px; cursor: default; - /* text-12-medium */ + /* text-14-regular */ font-family: var(--font-family-sans); - font-size: var(--font-size-small); + font-size: var(--font-size-base); font-style: normal; - font-weight: var(--font-weight-medium); - line-height: var(--line-height-large); /* 166.667% */ + font-weight: var(--font-weight-regular); + line-height: var(--line-height-large); letter-spacing: var(--letter-spacing-normal); color: var(--text-strong); |