From 2790f013dd3cc3773215d82c7b8b50d3cb504d22 Mon Sep 17 00:00:00 2001
From: Vojtech Mares <iam@vojtechmares.com>
Date: Fri, 6 Jan 2023 12:45:19 +0100
Subject: [PATCH] feat(TrainingListGrid): add transition on hover for training
 cards

---
 components/TrainingListGrid.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/components/TrainingListGrid.tsx b/components/TrainingListGrid.tsx
index 1defcc1..875fc16 100644
--- a/components/TrainingListGrid.tsx
+++ b/components/TrainingListGrid.tsx
@@ -21,7 +21,9 @@ const TrainingDetail = ({
       className={clsx(
         className,
         "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}
     >