Pārlūkot izejas kodu

fix select input styles

Konstantinos Kaloutas 1 gadu atpakaļ
vecāks
revīzija
ada4c0e48c

+ 2 - 2
packages/tldraw/apps/tldraw-logseq/src/components/inputs/SelectInput.tsx

@@ -39,8 +39,8 @@ export function SelectInput({
         onValueChange={onValueChange}
       >
         <Tooltip content={tooltip} side={popoverSide}>
-          <LSUI.SelectTrigger 
-            className={`h-8 font-medium bg-transparent ${compact ? "px-0 justify-center" : "px-2"}`}>
+          <LSUI.SelectTrigger
+            className={`tl-select-trigger ${compact ? "compact" : ""}`}>
             <LSUI.SelectValue />
             {!compact && (
               <LSUI.SelectIcon asChild>

+ 10 - 0
packages/tldraw/apps/tldraw-logseq/src/styles.css

@@ -290,6 +290,16 @@ html[data-theme='light'] {
   }
 }
 
+.tl-select-trigger {
+  @apply h-8 font-medium bg-transparent px-2;
+
+  border: 1px solid var(--ls-secondary-border-color);
+
+  &.compact {
+    @apply px-0 justify-center text-xs;
+  }
+}
+
 .tl-primary-tools {
   @apply absolute h-full top-0 flex items-center justify-center;