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:
@@ -30,12 +30,7 @@ type Props = {
|
||||
*/
|
||||
export function ProjectCard({ title, year, description, tags, imageUrl }: Props) {
|
||||
return (
|
||||
<Card
|
||||
className={cn(
|
||||
'group hover:translate-x-[2px] hover:translate-y-[2px]',
|
||||
'hover:shadow-[10px_10px_0_var(--blue)] transition-all duration-300',
|
||||
)}
|
||||
>
|
||||
<Card className={cn('group hover:shadow-brutal-xl transition-shadow duration-300')}>
|
||||
<CardHeader>
|
||||
<div className="flex flex-row justify-between items-start mb-3">
|
||||
<CardTitle className="flex-1">{title}</CardTitle>
|
||||
|
||||
Reference in New Issue
Block a user