From b5ee74391289307fc6c10e8132b5914c71d42a94 Mon Sep 17 00:00:00 2001
From: Dang <wheodnjs2@naver.com>
Date: Thu, 19 Dec 2024 13:06:47 +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/board/BoardComment.vue      |  2 +-
 src/components/board/BoardProfile.vue      | 16 ++++++++++++++++
 src/components/board/BoardRecommendBtn.vue |  2 +-
 3 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/components/board/BoardComment.vue b/src/components/board/BoardComment.vue
index 5bf5977..ecb3fec 100644
--- a/src/components/board/BoardComment.vue
+++ b/src/components/board/BoardComment.vue
@@ -1,7 +1,7 @@
 <template>
     <ul class="list-unstyled">
         <li>
-            <BoardProfile profileName=곤데리 :showDetail="false" />
+            <BoardProfile profileName=곤데리 :showDetail="false" :author="true" />
             <div class="mt-2">저도 궁금합니다.</div>
             <button type="button" class="btn btn-text-primary" @click="toggleComment">답변달기</button>
             <BoardComentArea v-if="comment" />
diff --git a/src/components/board/BoardProfile.vue b/src/components/board/BoardProfile.vue
index 7e6ef61..64ee814 100644
--- a/src/components/board/BoardProfile.vue
+++ b/src/components/board/BoardProfile.vue
@@ -32,6 +32,14 @@
                 </button>
             </template>
             <template v-else>
+                <template v-if="author">
+                    <button class="btn author btn-label-primary btn-icon">
+                        <i class='bx bx-edit-alt'></i>
+                    </button>
+                    <button class="btn author btn-label-primary btn-icon">
+                        <i class='bx bx-trash' ></i>
+                    </button>
+                </template>
                 <BoardRecommendBtn :likeClicked="true" :dislikeClicked="false"/>
             </template>
         </div>
@@ -53,6 +61,10 @@ defineProps({
     showDetail : {
         type: Boolean,
         default: true,
+    },
+    author : {
+        type: Boolean,
+        default: false,
     }
 });
 
@@ -68,6 +80,10 @@ defineProps({
         margin-left: 5px;
     }
 
+    .btn.author {
+        height: 30px;
+    }
+
     @media screen and  (max-width:450px) {
         .btn-area { 
             margin-top: 10px;
diff --git a/src/components/board/BoardRecommendBtn.vue b/src/components/board/BoardRecommendBtn.vue
index 9e23989..d2452b1 100644
--- a/src/components/board/BoardRecommendBtn.vue
+++ b/src/components/board/BoardRecommendBtn.vue
@@ -53,7 +53,7 @@ defineProps({
 
 .btn {
     width: 55px;
-    height: 55px;
+    height: 30px;
 }
 
 .btn.big {