strtus/Vercel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refine app view switcher

Browse Source
This commit is contained in:
Sam Becker 2026-01-31 15:22:05 -06:00
parent 0b47d9d618
commit 3f633787cf
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/switcher/Switcher.tsx
View File

@ -13,7 +13,7 @@ export default function Switcher({
return ( return (
<div className={clsx( <div className={clsx(
'flex divide-x overflow-hidden', 'flex divide-x overflow-hidden',
'rounded-md', 'rounded-[7px]',
'divide-medium', 'divide-medium',
type === 'regular' && type === 'regular' &&
'outline-medium shadow-[0_2px_4px_rgba(0,0,0,0.07)]', 'outline-medium shadow-[0_2px_4px_rgba(0,0,0,0.07)]',

2
src/components/switcher/SwitcherItem.tsx
View File

@ -38,7 +38,7 @@ export default function SwitcherItem({
const widthClass = width === 'narrow' ? WIDTH_CLASS_NARROW : WIDTH_CLASS; const widthClass = width === 'narrow' ? WIDTH_CLASS_NARROW : WIDTH_CLASS;
const className = clsx( const className = clsx(
'flex items-center justify-center', 'flex items-center justify-center',
`${widthClass} h-[28px]`, `${widthClass} h-[30px]`,
isInteractive && 'cursor-pointer', isInteractive && 'cursor-pointer',
isInteractive && 'hover:bg-gray-100/60 active:bg-gray-100', isInteractive && 'hover:bg-gray-100/60 active:bg-gray-100',
isInteractive && 'dark:hover:bg-gray-900/75 dark:active:bg-gray-900', isInteractive && 'dark:hover:bg-gray-900/75 dark:active:bg-gray-900',