[#639] [fix] 코멘트 textoverflow 이슈 (#648)

* fix: 코멘트에 word-break all 속성 적용 * fix: 책 상세페이지 요약글에 word-break all 속성 적용
prgrms-web-devcourse · Jul 9, 2024 · 0d95bd1 · 0d95bd1
1 parent df269d3
commit 0d95bd1
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/book/detail/BookInfo.tsx b/src/components/book/detail/BookInfo.tsx
@@ -78,7 +78,7 @@ const BookSummary = ({
   summary: string;
   bookUrl: string;
 }) => (
-  <p>
+  <p className="break-all">
     {summary}&nbsp;...&nbsp;
     {bookUrl && (
       <a target="_blank" href={bookUrl}>

diff --git a/src/components/comment/CommentList.tsx b/src/components/comment/CommentList.tsx
@@ -101,7 +101,7 @@ const Date = ({ date }: { date: string }) => (
 );
 
 const CommentContent = ({ content }: { content: string }) => (
-  <p className="text-justify font-body1-regular">{content}</p>
+  <p className="break-all text-justify font-body1-regular">{content}</p>
 );
 
 const CommentActionMenu = ({