From af5c2b7b31213df8af7d425fafdf306e2c0c9260 Mon Sep 17 00:00:00 2001
From: hso <sh07202@naver.com>
Date: Thu, 13 Jun 2024 09:47:15 +0900
Subject: [PATCH] =?UTF-8?q?refactor(post)=20:=20=ED=8F=AC=EC=8A=A4?=
 =?UTF-8?q?=ED=8A=B8=20=EC=9D=B4=EB=AF=B8=EC=A7=80=EA=B0=80=20=EC=97=86?=
 =?UTF-8?q?=EC=9D=84=20=EA=B2=BD=EC=9A=B0,=20=EB=82=B4=EC=9A=A9=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80=20=ED=91=9C=EC=8B=9C=20=EC=B2=98=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/post/SelectedPostList.vue | 26 +-----------------
 src/styles/post/PostList.css             | 35 +++++++++++++++++++++++-
 2 files changed, 35 insertions(+), 26 deletions(-)

diff --git a/src/components/post/SelectedPostList.vue b/src/components/post/SelectedPostList.vue
index 03a4518..78a7cde 100644
--- a/src/components/post/SelectedPostList.vue
+++ b/src/components/post/SelectedPostList.vue
@@ -44,7 +44,7 @@
                 </div>
                 <div class="preview-main">
                   <h5 class="card-title"><strong>{{ post.title }}</strong></h5>
-                  <div class="content-preview">{{ stripHtmlTags(post.content) }}</div>
+                  <div :class="{'no-postImg': !post.postImg, 'content-preview': true}">{{ stripHtmlTags(post.content) }}</div>
                   <b-card-img v-if="post.postImg" :src="post.postImg"
                      class="card-img" alt="Image" bottom></b-card-img>
                 </div>
@@ -319,28 +319,4 @@ function zergRush() {
 
 <style>
 @import url('@/styles/post/PostList.css');
-
-.zerg-unit {
-  display: inline-block;
-  width: 30px;
-  height: 30px;
-  background-color: white;
-  border: 3px solid navy;
-  border-radius: 50%;
-  position: absolute;
-  cursor: pointer;
-  animation: zergAnimation 20s linear infinite; /* 애니메이션 적용 */
-}
-
-@keyframes zergAnimation {
-  0% {
-    transform: translateY(0);
-  }
-  50% {
-    transform: translateY(50vh); /* 바닥까지 떨어지는 위치로 변경 */
-  }
-  100% {
-    transform: translateY(100vh); /* 바닥까지 떨어지는 위치로 변경 */
-  }
-}
 </style>
diff --git a/src/styles/post/PostList.css b/src/styles/post/PostList.css
index 807937b..2f5a565 100644
--- a/src/styles/post/PostList.css
+++ b/src/styles/post/PostList.css
@@ -4,10 +4,18 @@
     /* 두 줄을 표시하고 넘어가면 말줄임표 표시 */
     -webkit-box-orient: vertical;
     overflow: hidden;
+    white-space: normal;
     text-overflow: ellipsis;
     min-height: 50px;
     margin-top: 10px;
     margin-bottom: 10px;
+    max-width: 100%;
+    line-height: 1.8em;
+}
+
+.content-preview.no-postImg{
+    -webkit-line-clamp: 9;
+    min-height: 260px;
 }
 
 .card-title {
@@ -101,4 +109,29 @@
     bottom: 20px;
     right: 20px;
     color: #042444;
-}
\ No newline at end of file
+}
+
+
+.zerg-unit {
+    display: inline-block;
+    width: 30px;
+    height: 30px;
+    background-color: white;
+    border: 3px solid navy;
+    border-radius: 50%;
+    position: absolute;
+    cursor: pointer;
+    animation: zergAnimation 20s linear infinite; /* 애니메이션 적용 */
+  }
+  
+  @keyframes zergAnimation {
+    0% {
+      transform: translateY(0);
+    }
+    50% {
+      transform: translateY(50vh); /* 바닥까지 떨어지는 위치로 변경 */
+    }
+    100% {
+      transform: translateY(100vh); /* 바닥까지 떨어지는 위치로 변경 */
+    }
+  }
\ No newline at end of file