Resize titlebar and tweak things

This commit is contained in:
Gregory Schier
2023-03-21 16:42:52 -07:00
parent 55970f0a92
commit 2caa13fdec
16 changed files with 50 additions and 46 deletions

View File

@@ -2,16 +2,18 @@ import classnames from 'classnames';
interface Props {
orientation?: 'horizontal' | 'vertical';
variant?: 'primary' | 'secondary';
className?: string;
}
export function Separator({ className, orientation = 'horizontal' }: Props) {
export function Separator({ className, variant = 'primary', orientation = 'horizontal' }: Props) {
return (
<div
role="separator"
className={classnames(
className,
'bg-gray-300/40',
variant === 'primary' && 'bg-highlight',
variant === 'secondary' && 'bg-highlightSecondary',
orientation === 'horizontal' && 'w-full h-[1px]',
orientation === 'vertical' && 'h-full w-[1px]',
)}