diff --git a/src/pages/CrewsDetailPage/CrewsDetailPage.styles.ts b/src/pages/CrewsDetailPage/CrewsDetailPage.styles.ts index 3088466..3e6f0b9 100644 --- a/src/pages/CrewsDetailPage/CrewsDetailPage.styles.ts +++ b/src/pages/CrewsDetailPage/CrewsDetailPage.styles.ts @@ -100,3 +100,8 @@ export const ToolTipWrapper = styled.div` border: 1px solid ${({ theme }) => theme.PALETTE.RED_400}; border-radius: 5px; `; + +export const ContentText = styled(Text)` + white-space: pre-wrap; + word-break: break-all; +`; diff --git a/src/pages/CrewsDetailPage/CrewsDetailPage.tsx b/src/pages/CrewsDetailPage/CrewsDetailPage.tsx index 444c078..25af43b 100644 --- a/src/pages/CrewsDetailPage/CrewsDetailPage.tsx +++ b/src/pages/CrewsDetailPage/CrewsDetailPage.tsx @@ -17,6 +17,7 @@ import { AvatarWrapper, BackgoundImage, ButtonWrapper, + ContentText, CrewProfileInfo, Crown, MemberName, @@ -79,9 +80,9 @@ export const CrewsDetailPage = () => { 크루 소개 - + {crew.content} - + 크루원