Matt
6e697cb5d8
Some checks are pending
Build and Push Docker Image / build (push) Waiting to run
Use flex-1 on the Recently Reviewed card so it stretches to fill the remaining vertical space in the left column, aligning its bottom with Juror Workload and Activity Feed. Add className prop to AnimatedCard. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
30 lines
745 B
TypeScript
30 lines
745 B
TypeScript
'use client'
|
|
|
|
import { motion } from 'motion/react'
|
|
import { type ReactNode } from 'react'
|
|
|
|
export function AnimatedCard({ children, index = 0, className }: { children: ReactNode; index?: number; className?: string }) {
|
|
return (
|
|
<motion.div
|
|
className={className}
|
|
initial={{ opacity: 0, y: 12 }}
|
|
animate={{ opacity: 1, y: 0 }}
|
|
transition={{ duration: 0.3, delay: index * 0.05, ease: 'easeOut' }}
|
|
>
|
|
{children}
|
|
</motion.div>
|
|
)
|
|
}
|
|
|
|
export function AnimatedList({ children }: { children: ReactNode }) {
|
|
return (
|
|
<motion.div
|
|
initial={{ opacity: 0 }}
|
|
animate={{ opacity: 1 }}
|
|
transition={{ duration: 0.3 }}
|
|
>
|
|
{children}
|
|
</motion.div>
|
|
)
|
|
}
|