From 0b04d94bc2ffa11f3cbc64e90006d696b7c3dcbe Mon Sep 17 00:00:00 2001
From: Dang <looks32@gmail.com>
Date: Tue, 17 Dec 2024 09:56:34 +0900
Subject: [PATCH] =?UTF-8?q?=EA=B2=8C=EC=8B=9C=ED=8C=90=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Comment.vue |  4 ++++
 src/components/Profile.vue | 28 +++++++++++++++++++++-------
 2 files changed, 25 insertions(+), 7 deletions(-)

diff --git a/src/components/Comment.vue b/src/components/Comment.vue
index bc58788..4b49d3d 100644
--- a/src/components/Comment.vue
+++ b/src/components/Comment.vue
@@ -14,6 +14,10 @@
             <Profile profileName=곤데리 :showDetail="false" />
             <div>저도 궁금합니다.</div>
         </li>
+        <li>
+            <Profile profileName=곤데리 :showDetail="false" :unknown="false"/>
+            <div>저도 궁금합니다.</div>
+        </li>
     </ul>
     <div>페이지네이션2</div>
 </template>
diff --git a/src/components/Profile.vue b/src/components/Profile.vue
index b6c8170..45abf76 100644
--- a/src/components/Profile.vue
+++ b/src/components/Profile.vue
@@ -8,7 +8,7 @@
                 <h6 class="mb-0">{{ profileName }}</h6>
                 <div class="profile-detail">
                     <span>2024.12.10 10:46</span>
-                    <template  v-if="showDetail">
+                    <template v-if="showDetail">
                         <span>
                             <i class="fa-regular fa-eye"></i> 1
                         </span>
@@ -23,12 +23,22 @@
             </div>
         </div>
         <div class="ms-auto">
-            <button class="btn btn-label-primary btn-icon">
-                <i class="fa-regular fa-thumbs-up"></i>
-            </button>
-            <button class="btn btn-label-primary btn-icon">
-                <i class="fa-regular fa-thumbs-down"></i>
-            </button>
+            <template v-if="showDetail">
+                <button class="btn btn-label-primary btn-icon">
+                    <i class='bx bx-edit-alt'></i>
+                </button>
+                <button class="btn btn-label-primary btn-icon">
+                    <i class='bx bx-trash' ></i>
+                </button>
+            </template>
+            <template v-else>
+                <button class="btn btn-label-primary btn-icon">
+                    <i class="fa-regular fa-thumbs-up"></i> <span class="num">1</span>
+                </button>
+                <button class="btn btn-label-danger btn-icon">
+                    <i class="fa-regular fa-thumbs-down"></i> <span class="num">1</span>
+                </button>
+            </template>
         </div>
     </div>
 </template>
@@ -58,4 +68,8 @@ defineProps({
     .ms-auto button + button {
         margin-left: 5px;
     } 
+
+    .num {
+        margin-left: 5px;
+    }
 </style>
\ No newline at end of file