지도페이지 내 게스트 모집 상세 모달 경기 소개 수정 (#484)

Author: dlwl98

src/pages/MapPage/components/GamesDetailPage/GamesDetailPage.styles.ts

@@ -55,7 +55,7 @@ export const InfoItem = styled.div`
 export const GuestsContainer = styled.div`
   width: 100%;
   padding-bottom: 10px;
-  overflow: scroll;
+  overflow-x: scroll;
 `;
 
 export const Guests = styled(Flex)`
@@ -78,3 +78,8 @@ export const ButtonWrapper = styled.div`
   bottom: 70px;
   left: 0;
 `;
+
+export const ContentText = styled(Text)`
+  white-space: pre-wrap;
+  word-break: break-all;
+`;

src/pages/MapPage/components/GamesDetailPage/GamesDetailPage.tsx

@@ -22,6 +22,7 @@ import GameMember from '@assets/gameMember.svg';
 import Money from '@assets/money.svg';
 
 import {
+  ContentText,
   GrayText,
   GuestName,
   Guests,
@@ -139,7 +140,7 @@ export const GamesDetailPage = ({
           <Text size={20} weight={700}>
             경기 소개
           </Text>
-          <Text weight={300}>{match.content}</Text>
+          <ContentText weight={300}>{match.content}</ContentText>
           <Text size={20} weight={700}>
             참여한 게스트
           </Text>