feat: 크루 상세 페이지 크루 소개글 수정

Java-and-Script · Dec 3, 2023 · 8bb8a9c · 8bb8a9c
1 parent 90ed77f
commit 8bb8a9c
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git 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
@@ -17,6 +17,7 @@ import {
   AvatarWrapper,
   BackgoundImage,
   ButtonWrapper,
+  ContentText,
   CrewProfileInfo,
   Crown,
   MemberName,
@@ -79,9 +80,9 @@ export const CrewsDetailPage = () => {
         <Text size={20} weight={700}>
           크루 소개
         </Text>
-        <Text size={16} weight={300}>
+        <ContentText size={16} weight={300}>
           {crew.content}
-        </Text>
+        </ContentText>
         <Text size={20} weight={700}>
           크루원
         </Text>