design: 긴 글 넘치지 않게 수정

2024-08-12 09:15:59 +09:00 · 2024-08-12 09:15:59 +09:00 · 76983bba69
commit 76983bba69
parent d755840501
2 changed files with 6 additions and 1 deletions
--- a/frontend/src/components/Article/ArticleDetail/ArticleDetail.module.css
+++ b/frontend/src/components/Article/ArticleDetail/ArticleDetail.module.css
@ -14,6 +14,7 @@
  display: flex;
  justify-content: space-between;
  align-items: end;
+  word-break: break-word;
 }

 .headerInside {
@ -53,7 +54,8 @@
  line-height: 1.4;
  font-weight: 400;
  margin: 0;
-  white-space: pre-wrap;
+  white-space: pre-line;
+  word-break: break-word;
 }

 .icon {
--- a/frontend/src/components/Article/ArticlePreview/ArticlePreview.module.css
+++ b/frontend/src/components/Article/ArticlePreview/ArticlePreview.module.css
@ -34,6 +34,9 @@
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }

 .empty {