refactor: use shadow theme tokens, remove ProjectCard translate-hover
Replace inline var(--blue) arbitrary shadow values with typed theme tokens (shadow-brutal-xl, shadow-brutal-2xl). Remove translate on ProjectCard hover — shadow-only interaction is less distracting in a dense grid layout.
This commit is contained in:
@@ -53,7 +53,7 @@ export function SidebarNav({ items }: Props) {
|
||||
className={cn(
|
||||
'block w-full text-left brutal-border bg-cream px-6 py-4 transition-all duration-300',
|
||||
isActive(item)
|
||||
? 'shadow-[12px_12px_0_var(--blue)] opacity-100 translate-x-0'
|
||||
? 'shadow-brutal-2xl opacity-100 translate-x-0'
|
||||
: 'opacity-40 shadow-none hover:opacity-60',
|
||||
)}
|
||||
>
|
||||
|
||||
Reference in New Issue
Block a user