summaryrefslogtreecommitdiffhomepage
path: root/packages/ui/src/components/select-dialog.css
diff options
context:
space:
mode:
Diffstat (limited to 'packages/ui/src/components/select-dialog.css')
-rw-r--r--packages/ui/src/components/select-dialog.css103
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);
- }
- }
- }
- }
-}