diff --git a/src/components/common/ResultCard/ResultCard.tsx b/src/components/common/ResultCard/ResultCard.tsx index 77edbb6..1c2ba98 100644 --- a/src/components/common/ResultCard/ResultCard.tsx +++ b/src/components/common/ResultCard/ResultCard.tsx @@ -9,7 +9,6 @@ import noodle from 'assets/icons/icon-noodle.svg'; import splitCategory from 'util/splitCategory'; type ResultCardProps = { - key: number; roomId: string | undefined; winnerNum: number; rank: number; @@ -48,7 +47,7 @@ const ResultCard = (props: ResultCardProps) => { ); return ( - + {props.winnerNum === 1 ? oneWinner : multipleWinner} diff --git a/src/pages/OverallRanking/OverallRanking.styled.ts b/src/pages/OverallRanking/OverallRanking.styled.ts index b7e8ef3..ba22f90 100644 --- a/src/pages/OverallRanking/OverallRanking.styled.ts +++ b/src/pages/OverallRanking/OverallRanking.styled.ts @@ -10,6 +10,7 @@ export const OverallRankingWrapper = styled.div` padding: 45px 19px 43px; display: flex; flex-direction: column; + height: 100%; gap: 25px; .page-title { @@ -24,12 +25,13 @@ export const OverallRankingWrapper = styled.div` export const RestaurantList = styled.ul` display: flex; flex-direction: column; + height: 100%; gap: 18px; `; export const RestaurantItem = styled.li` width: 100%; - height: 92px; + min-height: 92px; background-color: #fff; display: flex; align-items: center; @@ -110,6 +112,13 @@ export const Distance = styled.p` color: var(--color-sub-gray); `; +export const ButtonLayout = styled.div` + display: flex; + flex-direction: column; + height: 100%; + flex-grow: 1; +`; + export const ButtonShare = styled.button` display: block; background-color: rgba(255, 255, 255, 0.2); @@ -117,8 +126,8 @@ export const ButtonShare = styled.button` padding: 11px 48px; border-radius: 20px; margin: 0 auto; - - img { + margin-bottom: auto; + s img { margin-right: 10px; vertical-align: bottom; } diff --git a/src/pages/OverallRanking/OverallRanking.tsx b/src/pages/OverallRanking/OverallRanking.tsx index 07eedbb..7558c1c 100644 --- a/src/pages/OverallRanking/OverallRanking.tsx +++ b/src/pages/OverallRanking/OverallRanking.tsx @@ -86,11 +86,13 @@ function OverallRanking() { ))} - - share result icon - 공유하기 - - + + + share result icon + 공유하기 + + +