diff --git a/src/components/Home/RecentVideos.tsx b/src/components/Home/RecentVideos.tsx index aeeea48..7909941 100644 --- a/src/components/Home/RecentVideos.tsx +++ b/src/components/Home/RecentVideos.tsx @@ -20,7 +20,7 @@ const RecentVideos = ({ videos }: IRecentVideosProp) => { 최근 읽은 영상 {videos.length === 0 && ( - <> +
비어있는 비디오 이미지
@@ -30,7 +30,7 @@ const RecentVideos = ({ videos }: IRecentVideosProp) => {

영상 정리해보기

- +
)} {videos.length > 0 && ( diff --git a/src/styles/HomepageStyle.ts b/src/styles/HomepageStyle.ts index 5573b4a..e9a7bca 100644 --- 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;