From 8fb3c771b47c98c198acce7ca5d46dd1fe82157c Mon Sep 17 00:00:00 2001
From: doggopawer <doggopawer@gmail.com>
Date: Tue, 21 Nov 2023 22:11:13 +0900
Subject: [PATCH] =?UTF-8?q?:sparkles:=20MyCardDescriptionSection=20?=
 =?UTF-8?q?=EC=8A=A4=ED=83=80=EC=9D=BC=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../MyCardDescriptionSection.tsx                 | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/app/(root)/(routes)/mypage/suggestions/[myCardId]/components/my-card-description-section/MyCardDescriptionSection.tsx b/src/app/(root)/(routes)/mypage/suggestions/[myCardId]/components/my-card-description-section/MyCardDescriptionSection.tsx
index f7794fb5..5fff3a7d 100644
--- a/src/app/(root)/(routes)/mypage/suggestions/[myCardId]/components/my-card-description-section/MyCardDescriptionSection.tsx
+++ b/src/app/(root)/(routes)/mypage/suggestions/[myCardId]/components/my-card-description-section/MyCardDescriptionSection.tsx
@@ -2,7 +2,7 @@ import formatDistanceToNow from 'date-fns/formatDistanceToNow'
 import koLocale from 'date-fns/locale/ko'
 import Link from 'next/link'
 import Badge from '@/components/ui/badge'
-import Card, { CardFlex, CardImage, CardText } from '@/components/ui/card'
+import { CardFlex, CardImage, CardText } from '@/components/ui/card'
 import AppPath from '@/config/appPath'
 import { CardDetail } from '@/types/card'
 
@@ -24,16 +24,16 @@ const MyCardDescriptionSection = ({
     createdAt,
   },
 }: MyCardDescriptionSection) => (
-  <Link href={`${AppPath.cards()}/${cardId}`}>
-    <div className="h-card-lg p-1.5">
+  <Link href={`${AppPath.cards()}/${cardId}`} className="w-full">
+    <div className="flex h-card-lg p-1.5 justify-center w-full">
       <CardFlex
         direction={'row'}
         justify={'start'}
         align={'center'}
         gap={'space'}
-        className="h-full"
+        className="w-full h-full"
       >
-        <div className="relative w-32 h-full">
+        <div className="relative w-1/3 h-full">
           <CardImage
             className="rounded-lg border border-background-secondary-color"
             src={thumbnail}
@@ -43,7 +43,11 @@ const MyCardDescriptionSection = ({
           />
         </div>
 
-        <CardFlex direction={'col'} justify={'between'} className="h-full">
+        <CardFlex
+          direction={'col'}
+          justify={'between'}
+          className="w-2/3 h-full"
+        >
           <CardFlex align={'center'} gap={'space'}>
             <CardText type={'title'}>{cardTitle}</CardText>
             {status === 'TRADE_AVAILABLE' ? (