From 7fc08daccec044a6a356fe61413568bac692950a Mon Sep 17 00:00:00 2001 From: joojjang Date: Wed, 2 Oct 2024 22:47:55 +0900 Subject: [PATCH] =?UTF-8?q?design(review-section):=20=EB=A6=AC=EB=B7=B0=20?= =?UTF-8?q?=EC=97=86=EC=9D=84=20=EB=95=8C=20=EB=A0=88=EC=9D=B4=EC=95=84?= =?UTF-8?q?=EC=9B=83=20=EC=97=AC=EB=B0=B1=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/challenge-detail/ranking-section/index.tsx | 4 ++-- src/pages/challenge-detail/ranking-section/styles.ts | 2 +- src/pages/challenge-detail/review-section/styles.ts | 2 +- 3 files changed, 4 insertions(+), 4 deletions(-) diff --git a/src/pages/challenge-detail/ranking-section/index.tsx b/src/pages/challenge-detail/ranking-section/index.tsx index 3451d16..f98adea 100644 --- a/src/pages/challenge-detail/ranking-section/index.tsx +++ b/src/pages/challenge-detail/ranking-section/index.tsx @@ -51,7 +51,7 @@ export const RankingSection = ({ id }: RankingSectionProps) => { }, [inView, hasNext, isFetching, id, page]); return ( - + {rankingList.length > 0 ? ( // 랭킹 있을 때 <> @@ -77,6 +77,6 @@ export const RankingSection = ({ id }: RankingSectionProps) => { )} {isFetching ? '로딩 중...' : ' '} - + ); }; diff --git a/src/pages/challenge-detail/ranking-section/styles.ts b/src/pages/challenge-detail/ranking-section/styles.ts index 18e486c..8f719bb 100644 --- a/src/pages/challenge-detail/ranking-section/styles.ts +++ b/src/pages/challenge-detail/ranking-section/styles.ts @@ -6,7 +6,7 @@ export const Text = styled.span<{ fontWeight?: string; color?: string }>` color: ${(props) => props.color || null}; `; -export const RankingWrapper = styled.div` +export const Wrapper = styled.div` padding: 16px 16px; display: flex; flex-direction: column; diff --git a/src/pages/challenge-detail/review-section/styles.ts b/src/pages/challenge-detail/review-section/styles.ts index 5ee8279..26ac496 100644 --- a/src/pages/challenge-detail/review-section/styles.ts +++ b/src/pages/challenge-detail/review-section/styles.ts @@ -16,9 +16,9 @@ export const Text = styled.span<{ fontWeight?: string; color?: string }>` `; export const Wrapper = styled.div` + padding: 16px 16px; display: flex; flex-direction: column; - height: auto; `; export const RatingContainer = styled.div`