Browse Source

fix: fix width and padding on agent select

- conditionally hide the role=presentation element because it was adding extra gap before the first agent
David Hill 2 months ago
parent
commit
d2217bb825
1 changed files with 5 additions and 1 deletions
  1. 5 1
      packages/ui/src/components/select.css

+ 5 - 1
packages/ui/src/components/select.css

@@ -47,11 +47,14 @@
     overflow-x: hidden;
     overflow-x: hidden;
     display: flex;
     display: flex;
     flex-direction: column;
     flex-direction: column;
-    gap: 2px;
 
 
     &:focus {
     &:focus {
       outline: none;
       outline: none;
     }
     }
+
+    > *:not([role="presentation"]) + *:not([role="presentation"]) {
+      margin-top: 2px;
+    }
   }
   }
 
 
   /* [data-slot="select-section"] { */
   /* [data-slot="select-section"] { */
@@ -62,6 +65,7 @@
     display: flex;
     display: flex;
     align-items: center;
     align-items: center;
     padding: 0 6px 0 6px;
     padding: 0 6px 0 6px;
+    gap: 12px;
     border-radius: var(--radius-sm);
     border-radius: var(--radius-sm);
 
 
     /* text-12-medium */
     /* text-12-medium */