From 8c3baa74d7c889360cf497a34bf5d6e0de0dc682 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=9D=B4=EC=98=81=EC=A3=BC?=
 <lllucia@iyeongjuui-MacBookAir.local>
Date: Fri, 1 Nov 2024 17:40:25 +0900
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20Style:=20=EC=BD=94=EB=93=9C=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

---
 frontend/src/components/CategoryButton.tsx | 2 +-
 frontend/src/components/PostCard.tsx       | 4 ++--
 frontend/src/components/TopPost.tsx        | 7 +++++--
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/CategoryButton.tsx b/frontend/src/components/CategoryButton.tsx
index b038f95..e0d81c9 100644
--- a/frontend/src/components/CategoryButton.tsx
+++ b/frontend/src/components/CategoryButton.tsx
@@ -98,7 +98,7 @@ const categories = [
   '채식 요리',
   '해산물 요리',
   '바베큐 요리',
-  '디저트',
+  '디저트 요리',
 ]
 
 const CategoryButtons: React.FC = () => {
diff --git a/frontend/src/components/PostCard.tsx b/frontend/src/components/PostCard.tsx
index a170da0..7a3c5cf 100644
--- a/frontend/src/components/PostCard.tsx
+++ b/frontend/src/components/PostCard.tsx
@@ -71,12 +71,12 @@ function PostCard({
     handleNavigateTo(`/post/${_id}`)
   }
   return (
-    <Card>
+    <Card onClick={handleOpenPost}>
       <PostImage
         src={image_url}
         alt='Post Thumbnail'
       />
-      <PostContent onClick={handleOpenPost}>
+      <PostContent>
         <PostCategory>{category}</PostCategory>
         <PostTitle>{title}</PostTitle>
         <PostAuthor>
diff --git a/frontend/src/components/TopPost.tsx b/frontend/src/components/TopPost.tsx
index 3632bfd..37cb11b 100644
--- a/frontend/src/components/TopPost.tsx
+++ b/frontend/src/components/TopPost.tsx
@@ -8,11 +8,13 @@ const TopPostContainer = styled.div<{ $imgUrl: string }>`
   position: relative;
   background-image: url(${(props) => props.$imgUrl});
   background-size: cover;
+  background-repeat: no-repeat;
   background-position: center;
-  width: 100%;
+  width: 100vw;
   height: 600px;
   display: flex;
   align-items: flex-start;
+  overflow: hidden;
 `
 
 const ContentContainer = styled.div`
@@ -24,6 +26,7 @@ const ContentContainer = styled.div`
   margin: 0 30px;
   width: 500px;
   height: 500px;
+  cursor: pointer;
 `
 
 const PostCategory = styled.p`
@@ -76,7 +79,7 @@ const TopPost: React.FC<Post> = ({
         <PostAuthor>
           {user ? user.nickname : 'Anonymous'} | {formatDate(createdAt)}
         </PostAuthor>
-        <PostText dangerouslySetInnerHTML={{ __html: content }}></PostText>
+        <PostText dangerouslySetInnerHTML={{ __html: content }}/>
       </ContentContainer>
     </TopPostContainer>
   )