From 359073cd2bd028ad8a15c35d0ab5ad7f0d0e55dd Mon Sep 17 00:00:00 2001
From: Sungu Kim <108677235+haegu97@users.noreply.github.com>
Date: Wed, 22 Jan 2025 13:07:18 +0900
Subject: [PATCH 1/3] =?UTF-8?q?design:=20=EB=AA=A8=EC=9E=84=20=EB=A6=AC?=
 =?UTF-8?q?=EC=8A=A4=ED=8A=B8=20=EC=B9=B4=EB=93=9C=20=ED=98=B8=EB=B2=84=20?=
 =?UTF-8?q?=EC=95=A0=EB=8B=88=EB=A9=94=EC=9D=B4=EC=85=98=20=EC=A0=81?=
 =?UTF-8?q?=EC=9A=A9=20#323?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/card/Card.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/card/Card.tsx b/src/components/card/Card.tsx
index cd5dc547..cdfff979 100644
--- a/src/components/card/Card.tsx
+++ b/src/components/card/Card.tsx
@@ -614,7 +614,7 @@ function Card(props: CardProps) {
     >
       <article
         className={twMerge(
-          'relative flex h-full min-w-[336px] flex-col md:w-full',
+          'relative flex h-full min-w-[336px] flex-col transition-all duration-300 ease-in-out hover:-translate-y-2 md:w-full',
         )}
       >
         {renderCardContent()}

From 8b6132f04559cacb9c9d84ca3e22292e58b45ab8 Mon Sep 17 00:00:00 2001
From: Sungu Kim <108677235+haegu97@users.noreply.github.com>
Date: Wed, 22 Jan 2025 13:49:27 +0900
Subject: [PATCH 2/3] =?UTF-8?q?design:=20=EC=B9=B4=EB=93=9C=20=ED=98=B8?=
 =?UTF-8?q?=EB=B2=84=20=EB=94=94=EC=9E=90=EC=9D=B8=20=EC=88=98=EC=A0=95=20?=
 =?UTF-8?q?#323?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/card/Card.tsx | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/components/card/Card.tsx b/src/components/card/Card.tsx
index cdfff979..520d0f2a 100644
--- a/src/components/card/Card.tsx
+++ b/src/components/card/Card.tsx
@@ -218,7 +218,6 @@ function Card(props: CardProps) {
           max,
           isPast,
           isCanceled,
-          // meetingType,
           bookClubType,
           clubStatus,
           onLikeClick,
@@ -228,7 +227,7 @@ function Card(props: CardProps) {
         } = props as DefaultClubCard & { variant: 'defaultClub' };
 
         return (
-          <div className="flex flex-col gap-6 md:flex-row">
+          <div className="flex flex-col gap-6 transition-transform hover:-translate-y-1 md:flex-row">
             <Card.Image
               url={imageUrl}
               alt={imageAlt}
@@ -294,7 +293,7 @@ function Card(props: CardProps) {
         } = props as ParticipatedClubCard & { variant: 'participatedClub' };
 
         return (
-          <div className="flex flex-col gap-6 md:flex-row">
+          <div className="flex flex-col gap-6 transition-transform hover:-translate-y-1 md:flex-row">
             <Card.Image url={imageUrl} alt={imageAlt} />
             <Card.Box
               onClick={() => onClick?.(clubId)}
@@ -328,7 +327,7 @@ function Card(props: CardProps) {
                         e.stopPropagation();
                         onWriteReview(clubId);
                       }}
-                      className="w-full"
+                      className="w-full hover-dim"
                     />
                   ) : (
                     <Button
@@ -336,12 +335,12 @@ function Card(props: CardProps) {
                       size="modal"
                       fillType="lightSolid"
                       themeColor="gray-dark-01"
-                      lightColor="gray-normal-01"
+                      lightColor="gray-normal-02"
                       onClick={(e) => {
                         e.stopPropagation();
                         onCancel(clubId);
                       }}
-                      className="w-full"
+                      className="w-full hover-dim"
                     />
                   )}
                 </div>
@@ -370,7 +369,7 @@ function Card(props: CardProps) {
         } = props as HostedClubCard & { variant: 'hostedClub' };
 
         return (
-          <div className="flex flex-col gap-6 md:flex-row">
+          <div className="flex flex-col gap-6 transition-transform hover:-translate-y-1 md:flex-row">
             <Card.Image url={imageUrl} alt={imageAlt} />
             <Card.Box
               onClick={() => onClick?.(clubId)}
@@ -614,7 +613,7 @@ function Card(props: CardProps) {
     >
       <article
         className={twMerge(
-          'relative flex h-full min-w-[336px] flex-col transition-all duration-300 ease-in-out hover:-translate-y-2 md:w-full',
+          'relative flex h-full min-w-[336px] flex-col md:w-full',
         )}
       >
         {renderCardContent()}

From da85fb0d40c432a0eccc4a0341dc34fbe6b588d1 Mon Sep 17 00:00:00 2001
From: Sungu Kim <108677235+haegu97@users.noreply.github.com>
Date: Wed, 22 Jan 2025 14:28:29 +0900
Subject: [PATCH 3/3] =?UTF-8?q?design:=20=EB=AA=A8=EC=9E=84=20=EC=B7=A8?=
 =?UTF-8?q?=EC=86=8C=ED=95=98=EA=B8=B0=20=EB=B2=84=ED=8A=BC=20=EC=83=89?=
 =?UTF-8?q?=EC=83=81=20=EB=B3=80=EA=B2=BD=20#323?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/card/Card.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/card/Card.tsx b/src/components/card/Card.tsx
index 520d0f2a..9b76ba01 100644
--- a/src/components/card/Card.tsx
+++ b/src/components/card/Card.tsx
@@ -396,7 +396,7 @@ function Card(props: CardProps) {
                       size="modal"
                       fillType="lightSolid"
                       themeColor="gray-dark-01"
-                      lightColor="gray-normal-01"
+                      lightColor="gray-normal-02"
                       onClick={(e) => {
                         e.stopPropagation();
                         onCancel(clubId);