게시판 수정

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" />

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;

src/components/board/BoardRecommendBtn.vue

@@ -53,7 +53,7 @@ defineProps({
 
 .btn {
     width: 55px;
-    height: 55px;
+    height: 30px;
 }
 
 .btn.big {