From 6158127e1be7f18447fc469ce7a255a95a33b7ef Mon Sep 17 00:00:00 2001 From: TheoryOfNekomata Date: Mon, 4 Sep 2023 17:15:35 +0800 Subject: [PATCH] Improve combobox spacing Make combobox more legible. --- .../web/choice/react/src/components/ComboBox/index.tsx | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/categories/web/choice/react/src/components/ComboBox/index.tsx b/categories/web/choice/react/src/components/ComboBox/index.tsx index a2bd755..2df4fc8 100644 --- a/categories/web/choice/react/src/components/ComboBox/index.tsx +++ b/categories/web/choice/react/src/components/ComboBox/index.tsx @@ -166,12 +166,15 @@ export const ComboBox = React.forwardRef( 'text-xxs': size === 'small', 'text-xs': size === 'medium', }, + { + 'pb-1': variant === 'default' && size === 'small', + }, { 'pl-4': variant === 'default', 'pl-1.5': variant === 'alternate', }, { - 'pt-4': variant === 'alternate', + 'pt-5': variant === 'alternate', }, { 'pr-4': variant === 'default' && !indicator, @@ -199,8 +202,9 @@ export const ComboBox = React.forwardRef( 'top-0.5': variant === 'alternate', }, { - 'pt-2': variant === 'alternate' && size === 'small', - 'pt-3': variant === 'alternate' && size !== 'small', + 'pt-2.5': variant === 'alternate' && size === 'small', + 'pt-3': variant === 'alternate' && size === 'medium', + 'pt-4': variant === 'alternate' && size === 'large', }, { 'pr-4': !indicator && variant === 'default',