diff --git a/packages/web/src/pages/Event/Event2024Spring.tsx b/packages/web/src/pages/Event/Event2024Spring.tsx index b5c25439c..b083ddd30 100644 --- a/packages/web/src/pages/Event/Event2024Spring.tsx +++ b/packages/web/src/pages/Event/Event2024Spring.tsx @@ -368,8 +368,8 @@ const Event2024Spring = () => { width: "100%", }} > - prize - prize + prize + prize { - + { css={{ ...theme.font16, ...theme.ellipsis, + minWidth: "78px", ...styleText(isMe ? -1 : rank), }} > @@ -183,7 +184,7 @@ const LeaderboardItem = ({ value, rank, isMe }: LeaderboardItemProps) => { overflow: "hidden", whiteSpace: "nowrap", textOverflow: "ellipsis", - maxWidth: "130px", + maxWidth: "100px", color: theme.white, ...eventTheme.font10, }} diff --git a/packages/web/src/pages/Event/Event2024SpringMissions.tsx b/packages/web/src/pages/Event/Event2024SpringMissions.tsx index 6eae3b8eb..b5e051905 100644 --- a/packages/web/src/pages/Event/Event2024SpringMissions.tsx +++ b/packages/web/src/pages/Event/Event2024SpringMissions.tsx @@ -151,7 +151,8 @@ export const MissionContainer = ({ quest }: MissionContainerProps) => { }; const Event2024SpringMissions = () => { - const { quests } = useValueRecoilState("event2024SpringInfo") || {}; + const { isAgreeOnTermsOfEvent, quests } = + useValueRecoilState("event2024SpringInfo") || {}; useEventBackgroundEffect(); return ( @@ -161,7 +162,7 @@ const Event2024SpringMissions = () => {
- + {isAgreeOnTermsOfEvent && } {quests?.map((quest) => ( diff --git a/packages/web/src/pages/Home/EventSection/EventSection2024Spring.tsx b/packages/web/src/pages/Home/EventSection/EventSection2024Spring.tsx index 42dcbf107..fdb39a173 100644 --- a/packages/web/src/pages/Home/EventSection/EventSection2024Spring.tsx +++ b/packages/web/src/pages/Home/EventSection/EventSection2024Spring.tsx @@ -21,7 +21,8 @@ const EventSection2024Spring = () => { background: eventTheme.black, }; - const { isEligible } = useValueRecoilState("event2024SpringInfo") || {}; + const { isEligible, isAgreeOnTermsOfEvent } = + useValueRecoilState("event2024SpringInfo") || {}; return ( <> @@ -76,7 +77,7 @@ const EventSection2024Spring = () => { paddingBottom: "15px", }} > - + {isAgreeOnTermsOfEvent && }