diff options
Diffstat (limited to 'packages/ui/src/components/select-dialog.css')
| -rw-r--r-- | packages/ui/src/components/select-dialog.css | 103 |
1 files changed, 19 insertions, 84 deletions
diff --git a/packages/ui/src/components/select-dialog.css b/packages/ui/src/components/select-dialog.css index 6263cee67..9759174a6 100644 --- a/packages/ui/src/components/select-dialog.css +++ b/packages/ui/src/components/select-dialog.css @@ -1,8 +1,25 @@ +[data-slot="select-dialog-content"] { + width: 100%; + display: flex; + flex-direction: column; + overflow: hidden; + gap: 20px; + padding: 0 10px; + + [data-slot="dialog-body"] { + scrollbar-width: none; + -ms-overflow-style: none; + &::-webkit-scrollbar { + display: none; + } + } +} + [data-component="select-dialog-input"] { display: flex; height: 40px; flex-shrink: 0; - padding: 4px 10px 4px 6px; + padding: 4px 10px 4px 16px; align-items: center; gap: 12px; align-self: stretch; @@ -13,7 +30,7 @@ [data-slot="select-dialog-input-container"] { display: flex; align-items: center; - gap: 12px; + gap: 16px; flex: 1 0 0; /* [data-slot="select-dialog-icon"] {} */ @@ -25,85 +42,3 @@ /* [data-slot="select-dialog-clear-button"] {} */ } - -[data-component="select-dialog"] { - display: flex; - flex-direction: column; - gap: 8px; - - [data-slot="select-dialog-empty-state"] { - display: flex; - padding: 32px 160px; - flex-direction: column; - justify-content: center; - align-items: center; - gap: 8px; - align-self: stretch; - - [data-slot="select-dialog-message"] { - display: flex; - justify-content: center; - align-items: center; - gap: 2px; - color: var(--text-weak); - text-align: center; - - /* text-14-regular */ - font-family: var(--font-family-sans); - font-size: 14px; - font-style: normal; - font-weight: var(--font-weight-regular); - line-height: var(--line-height-large); /* 142.857% */ - letter-spacing: var(--letter-spacing-normal); - } - - [data-slot="select-dialog-filter"] { - color: var(--text-strong); - } - } - - [data-slot="select-dialog-group"] { - display: flex; - flex-direction: column; - gap: 4px; - - [data-slot="select-dialog-header"] { - display: flex; - padding: 4px 8px; - justify-content: space-between; - align-items: center; - align-self: stretch; - - color: var(--text-weak); - - /* text-12-medium */ - font-family: var(--font-family-sans); - font-size: var(--font-size-small); - font-style: normal; - font-weight: var(--font-weight-medium); - line-height: var(--line-height-large); /* 166.667% */ - letter-spacing: var(--letter-spacing-normal); - } - - [data-slot="select-dialog-list"] { - display: flex; - flex-direction: column; - align-items: flex-start; - gap: 4px; - align-self: stretch; - - [data-slot="select-dialog-item"] { - display: flex; - width: 100%; - height: 32px; - padding: 4px 8px 4px 4px; - align-items: center; - - &[data-active="true"] { - border-radius: var(--radius-md); - background: var(--surface-raised-base-hover); - } - } - } - } -} |
