style(ui): update border radius and spacing across shared components
This commit is contained in:
@@ -15,7 +15,7 @@ const Button = ({
|
||||
className = '',
|
||||
...props
|
||||
}) => {
|
||||
const baseClassName = 'cursor-pointer inline-flex items-center justify-center font-medium rounded transition-all duration-[120ms] ease-out focus:outline-none focus:ring-1 disabled:opacity-50 disabled:cursor-not-allowed';
|
||||
const baseClassName = 'cursor-pointer inline-flex items-center justify-center font-medium rounded-lgtransition-all duration-[120ms] ease-out focus:outline-none focus:ring-1 disabled:opacity-50 disabled:cursor-not-allowed';
|
||||
|
||||
const variants = {
|
||||
primary: 'bg-neutral-900 text-white hover:bg-neutral-800 focus:ring-neutral-900/20 dark:bg-white dark:text-black dark:hover:bg-neutral-100 dark:focus:ring-white/20',
|
||||
@@ -27,7 +27,7 @@ const Button = ({
|
||||
};
|
||||
|
||||
const sizes = {
|
||||
sm: 'px-[10px] py-[4px] text-[12px] gap-1.5',
|
||||
sm: 'px-[12px] py-[6px] text-[12px] gap-1.5',
|
||||
md: 'px-[14px] py-[7px] text-[13px] gap-2',
|
||||
lg: 'px-6 py-3 text-base gap-2.5'
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user