1
0
Fork 0

fix(homepage/training): on hover effect

This commit is contained in:
Vojtěch Mareš 2023-01-11 16:48:55 +01:00
parent 6daa1a6d03
commit 7878d6185a

View file

@ -58,8 +58,8 @@ const TrainingGridDesktop = () => {
<div className="hidden lg:mt-20 lg:block"> <div className="hidden lg:mt-20 lg:block">
<div className="grid grid-cols-4 gap-x-8 gap-y-4"> <div className="grid grid-cols-4 gap-x-8 gap-y-4">
{trainingList.map((training) => ( {trainingList.map((training) => (
<div key={training.name}> <div key={training.name} className="relative py-4 cursor-pointer rounded-3xl transition ease-in-out duration-300 md:hover:-translate-y-1 md:hover:scale-110 md:ring-1 md:hover:ring-slate-700 md:ring-transparent">
<Training training={training} className="relative py-4 cursor-pointer rounded-3xl transition ease-in-out duration-300 md:hover:-translate-y-1 md:hover:scale-110 md:ring-1 md:hover:ring-slate-700 md:ring-transparent" /> <Training training={training} />
</div> </div>
))} ))}
</div> </div>