Merge pull request #466 from Mile-Writings/design/#465/postDetailNumO…

…verflow [design/#465] 글상세페이지 숫자, 영문, 특수문자 줄바꿈 안됨 이슈
Mile-Writings · Nov 5, 2024 · 3137c59 · 3137c59
2 parents fc6f53c + e0a6cca
commit 3137c59
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/pages/groupFeed/carousel/Carousel.tsx b/src/pages/groupFeed/carousel/Carousel.tsx
@@ -114,6 +114,5 @@ const TopicDescription = styled.div`
   width: 63.1rem;
 
   color: ${({ theme }) => theme.colors.gray70};
-
   ${({ theme }) => theme.fonts.body3};
 `;
diff --git a/src/pages/groupFeed/carousel/EachArticle.tsx b/src/pages/groupFeed/carousel/EachArticle.tsx
@@ -187,8 +187,8 @@ const ArticleContent = styled.div`
   overflow: hidden;
 
   color: ${({ theme }) => theme.colors.gray70};
-
   ${({ theme }) => theme.fonts.body3};
+  word-break: break-all;
 `;
 
 const ArticleInfo = styled.div`

diff --git a/src/pages/postDetail/PostDetail.tsx b/src/pages/postDetail/PostDetail.tsx
@@ -254,6 +254,7 @@ const DetailBox = styled.div`
 const TitleText = styled.h1`
   color: ${({ theme }) => theme.colors.grayBlack};
   ${({ theme }) => theme.fonts.title1};
+  word-break: break-all;
 `;
 
 const DateText = styled.p`
@@ -326,7 +327,7 @@ const PostContainer = styled.div`
   min-height: 6rem;
   padding: 3.6rem;
 
-  word-break: keep-all;
+  word-break: break-all;
 
   background-color: ${({ theme }) => theme.colors.white};
   border-radius: 10px;