게스트 모집 상세 페이지 경기 소개 수정 (#481)

Java-and-Script · Dec 3, 2023 · d14255c · d14255c
1 parent 0b44d48
commit d14255c
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/src/pages/CrewsDetailPage/CrewsDetailPage.styles.ts b/src/pages/CrewsDetailPage/CrewsDetailPage.styles.ts
@@ -40,7 +40,7 @@ export const ProfileImage = styled(Image)`
 export const MembersContainer = styled.div`
   width: 100%;
   padding-bottom: 10px;
-  overflow: scroll;
+  overflow-x: scroll;
 `;
 
 export const MemberWrapper = styled(Flex)`

diff --git a/src/pages/GamesDetailPage/GamesDetailPage.styles.ts b/src/pages/GamesDetailPage/GamesDetailPage.styles.ts
@@ -53,7 +53,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)`
@@ -101,3 +101,8 @@ export const ToolTipText = styled(Text)`
   border-radius: 5px;
   border: 1px solid ${({ theme }) => theme.PALETTE.RED_400};
 `;
+
+export const ContentText = styled(Text)`
+  white-space: pre-wrap;
+  word-break: break-all;
+`;
diff --git a/src/pages/GamesDetailPage/GamesDetailPage.tsx b/src/pages/GamesDetailPage/GamesDetailPage.tsx
@@ -17,6 +17,7 @@ import Money from '@assets/money.svg';
 
 import {
   ButtonWrapper,
+  ContentText,
   GrayText,
   GuestName,
   Guests,
@@ -184,7 +185,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>