fix: color button in color input not vertically centered

fragment-build · Apr 17, 2024 · 000ea63 · 000ea63
1 parent 9394028
commit 000ea63
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/components/color-input/ColorInput.tsx b/src/components/color-input/ColorInput.tsx
@@ -46,7 +46,7 @@ export const ColorInput = withFragment(forwardRef<HTMLInputElement, ColorInputPr
           showFallback
           fallback={<input type='color' className="w-full h-full opacity-0 cursor-pointer" onChange={(e) => setValue(e.currentTarget.value)} />}
           style={{ backgroundColor: value }}
-          classNames={{ base: 'shrink-0', fallback: 'w-full h-full' }}
+          classNames={{ base: 'shrink-0 self-center -mb-0.5', fallback: 'w-full h-full' }}
         />
       )}
     />