vojtech.mares/backup-websites-2024-01
Archived
1
0
Fork 0
Code Activity

feat(TrainingListGrid): add transition on hover for training cards

Browse source
This commit is contained in:
Vojtěch Mareš 2023-01-06 12:45:19 +01:00
parent 0b23a2dae8
commit 2790f013dd
Signed by: vojtech.mares
GPG key ID: C6827B976F17240D
1 changed files with 3 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

4
components/TrainingListGrid.tsx
View file

@ -21,7 +21,9 @@ const TrainingDetail = ({
className={clsx( className={clsx(
className, className,
"rounded-3xl py-8 px-6 shadow sm:px-8", "rounded-3xl py-8 px-6 shadow sm:px-8",
training.featured ? "bg-blue-600 py-8" : "" training.featured ? "bg-blue-600 py-8" : "",
training.featured ? "hover:bg-blue-700" : "md:ring-1 md:hover:ring-slate-700 md:ring-transparent",
"transition ease-in-out duration-300 md:hover:-translate-y-1 md:hover:scale-110 "
)} )}
{...props} {...props}
> >