feature-065: Home Empty item style 수정

teamViNO · Feb 14, 2024 · 572926c · 572926c
1 parent c572859
commit 572926c
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/src/components/Home/RecentVideos.tsx b/src/components/Home/RecentVideos.tsx
@@ -20,7 +20,7 @@ const RecentVideos = ({ videos }: IRecentVideosProp) => {
         <VideosTitle>최근 읽은 영상</VideosTitle>
 
         {videos.length === 0 && (
-          <>
+          <div className="empty-container">
             <div className="empty-video">
               <img src={CardImage} alt="비어있는 비디오 이미지" />
             </div>
@@ -30,7 +30,7 @@ const RecentVideos = ({ videos }: IRecentVideosProp) => {
             <VideoButton>
               <h2 className="button-text">영상 정리해보기</h2>
             </VideoButton>
-          </>
+          </div>
         )}
         {videos.length > 0 && (
           <CardContainer>

diff --git a/src/styles/HomepageStyle.ts b/src/styles/HomepageStyle.ts
@@ -142,6 +142,13 @@ export const RecentVideosContainer = styled.div`
     width: 910px;
   }
 
+  .empty-container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    text-align: center;
+  }
+
   .empty-video img {
     width: 155.56px;
     height: 155.56px;