monadical/opencode
14
0
Fork 0
Code Issues Pull Requests Actions 5 Packages Projects Releases Wiki Activity

update select trigger icon styling and spacing

Browse Source
This commit is contained in:
David Hill
2026-01-20 17:43:17 +00:00
parent c2c2bb1fa9
commit f250a229c9
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
packages/ui/src/components/select.css
View File

@@ -1,11 +1,12 @@
[data-component="select"] { [data-component="select"] {
[data-slot="select-select-trigger"] { [data-slot="select-select-trigger"] {
padding: 6px 12px; padding: 6px 6px 6px 12px;
box-shadow: none; box-shadow: none;
border-radius: 6px; border-radius: 6px;
min-width: 160px; min-width: 160px;
height: 32px; height: 32px;
justify-content: flex-end; justify-content: flex-end;
gap: 8px;
[data-slot="select-select-trigger-value"] { [data-slot="select-select-trigger-value"] {
overflow: hidden; overflow: hidden;
@@ -15,12 +16,14 @@
} }
[data-slot="select-select-trigger-icon"] { [data-slot="select-select-trigger-icon"] {
width: 16px; width: 16px;
height: 16px; height: 20px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
flex-shrink: 0; flex-shrink: 0;
color: var(--text-weak); color: var(--text-weak);
background-color: var(--surface-raised-base);
border-radius: 4px;
transition: transform 0.1s ease-in-out; transition: transform 0.1s ease-in-out;
} }