diff --git a/src/pages/CrewsDetailPage/CrewsDetailPage.styles.ts b/src/pages/CrewsDetailPage/CrewsDetailPage.styles.ts index 607c4ad..3088466 100644 --- 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 index 45c6291..a0beeab 100644 --- 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 index 579b6b9..8691025 100644 --- 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 = () => { 경기 소개 - {match.content} + {match.content} 참여한 게스트