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`