fix: ReviewCard 컴포넌트 flex-start로 상단 정렬 및 위치 비워두기

woowacourse-teams · Jan 7, 2025 · 3202a95 · 3202a95
1 parent e869d38
commit 3202a95
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/frontend/src/pages/ReviewLinkManagementPage/components/ReviewLinkDashboard/index.tsx b/frontend/src/pages/ReviewLinkManagementPage/components/ReviewLinkDashboard/index.tsx
@@ -1,4 +1,3 @@
-import ReviewCard from '@/components/ReviewCard';
 import { URLGeneratorForm } from '@/pages/HomePage/components';
 
 import ReviewLinkLayout from '../layouts/ReviewLinkLayout';
@@ -17,8 +16,8 @@ const ReviewLinkDashboard = () => {
           title={'생성한 리뷰 링크를 확인해보세요'}
           subTitle={'클릭하면 해당 프로젝트의 리뷰 목록으로 이동해요'}
         >
-          {/* TODO: 생성한 리뷰 링크가 없을 경우, 돋보기 컴포넌트 추가 */}
-          <ReviewCard createdAt={''} contentPreview={''} categories={[]} handleClick={() => {}} />
+          {/* TODO: ReviewCard 컴포넌트 추가 및 생성한 리뷰 링크가 없을 경우, 돋보기 컴포넌트 추가 */}
+          <></>
         </ReviewLinkLayout>
       </S.LinkSection>
     </S.ReviewLinkDashboardContainer>

diff --git a/frontend/src/pages/ReviewLinkManagementPage/components/ReviewLinkDashboard/styles.ts b/frontend/src/pages/ReviewLinkManagementPage/components/ReviewLinkDashboard/styles.ts
@@ -57,7 +57,7 @@ export const Separator = styled.div`
 export const LinkSection = styled.section`
   display: flex;
   flex-direction: column;
-  justify-content: center;
+  justify-content: flex-start;
   gap: 3rem;
 
   width: 100%;

diff --git a/frontend/src/pages/ReviewLinkManagementPage/components/layouts/ReviewLinkLayout/styles.ts b/frontend/src/pages/ReviewLinkManagementPage/components/layouts/ReviewLinkLayout/styles.ts
@@ -5,6 +5,7 @@ import media from '@/utils/media';
 export const ReviewLinkLayout = styled.div`
   display: flex;
   flex-direction: column;
+
   gap: 4rem;
 `;