Minor tweaks

This commit is contained in:
Gregory Schier
2023-02-24 17:01:48 -08:00
parent 5b2f1e40aa
commit b8bb9f43e3
2 changed files with 5 additions and 6 deletions

View File

@@ -66,7 +66,7 @@ function App() {
return ( return (
<> <>
<div className="grid grid-cols-[auto_1fr] h-full"> <div className="grid grid-cols-[auto_1fr] h-full text-gray-900">
<Sidebar /> <Sidebar />
<Grid cols={2}> <Grid cols={2}>
<VStack className="w-full"> <VStack className="w-full">

View File

@@ -27,16 +27,15 @@ export const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button
className={classnames( className={classnames(
className, className,
'rounded-md flex items-center', 'rounded-md flex items-center',
// 'active:translate-y-[0.5px] active:scale-[0.99]',
justify === 'start' && 'justify-start', justify === 'start' && 'justify-start',
justify === 'center' && 'justify-center', justify === 'center' && 'justify-center',
size === 'md' && 'h-10 px-4', size === 'md' && 'h-10 px-4',
size === 'sm' && 'h-8 px-3 text-sm', size === 'sm' && 'h-8 px-3 text-sm',
size === 'xs' && 'h-6 px-2 text-sm', size === 'xs' && 'h-6 px-2 text-sm',
color === undefined && color === undefined && 'hover:bg-gray-500/[0.1] text-gray-800 hover:text-gray-900',
'hover:bg-gray-500/[0.1] active:bg-gray-500/[0.15] text-gray-800 hover:text-gray-900', color === 'primary' && 'bg-blue-500 hover:bg-blue-500/90 text-white',
color === 'primary' && 'bg-blue-500 hover:bg-blue-500/90 active:bg-blue-500/80 text-white', color === 'secondary' && 'bg-violet-500 hover:bg-violet-500/90 text-white',
color === 'secondary' &&
'bg-violet-500 hover:bg-violet-500/90 active:bg-violet-500/80 text-white',
)} )}
{...props} {...props}
> >