From 15bfd59c5959dc136528a18cad9e883ff39cf6ee Mon Sep 17 00:00:00 2001
From: nevermoregb <nevermoregb@local-host.co.kr>
Date: Tue, 11 Mar 2025 14:50:11 +0900
Subject: [PATCH] =?UTF-8?q?=EB=8C=80=EB=8C=93=EA=B8=80=20=ED=8F=BC=20?=
 =?UTF-8?q?=EC=97=AC=EB=8A=94=20=EB=B2=84=ED=8A=BC=20=ED=95=9C=EB=B2=88=20?=
 =?UTF-8?q?=EB=8D=94=20=ED=81=B4=EB=A6=AD=EC=8B=9C=20=EB=8B=AB=ED=9E=88?=
 =?UTF-8?q?=EB=8A=94=EB=8D=B0=20=EA=B7=B8=EB=95=8C=20=20x=EB=B2=84?=
 =?UTF-8?q?=ED=8A=BC=EC=9C=BC=EB=A1=9C=20=EB=B0=94=EB=80=8C=EA=B2=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/board/BoardComment.vue | 15 ++++++++++++++-
 src/components/button/PlusBtn.vue     | 15 ++++++++-------
 2 files changed, 22 insertions(+), 8 deletions(-)

diff --git a/src/components/board/BoardComment.vue b/src/components/board/BoardComment.vue
index 8b92d38..387fad7 100644
--- a/src/components/board/BoardComment.vue
+++ b/src/components/board/BoardComment.vue
@@ -48,7 +48,10 @@
         <!-- <template v-if="isDeleted">
             <p class="m-0 text-muted">댓글이 삭제되었습니다.</p>
         </template> -->
-        <PlusButton v-if="isPlusButton" @click="toggleComment" class="mt-6" />
+        <PlusButton v-if="isPlusButton" @click="toggleComment" class="mt-6">
+            <i class="icon-base bx bx-plus beforeRotate" :class="{ rotate: isComment }"></i>
+        </PlusButton>
+
         <BoardCommentArea v-if="isComment" :unknown="unknown" @submitComment="submitComment" :commnetId="comment.commentId" />
 
         <slot name="reply"></slot>
@@ -174,3 +177,13 @@
         emit('editClick', props.comment);
     };
 </script>
+<style>
+    .beforeRotate {
+        transition: transform 0.3s ease-in-out;
+    }
+
+    .rotate {
+        transform: rotate(45deg);
+        transition: transform 0.3s ease-in-out;
+    }
+</style>
diff --git a/src/components/button/PlusBtn.vue b/src/components/button/PlusBtn.vue
index 102282c..76de308 100644
--- a/src/components/button/PlusBtn.vue
+++ b/src/components/button/PlusBtn.vue
@@ -1,13 +1,14 @@
 <template>
     <button class="btn btn-label-primary btn-icon">
-   <i class="icon-base bx bx-plus"></i>
-   </button>
+        <slot>
+            <i class="icon-base bx bx-plus"></i>
+        </slot>
+    </button>
 </template>
 
 <script>
-export default {
-   name: 'PlusButton',
-   methods: {
-     },
-   };
+    export default {
+        name: 'PlusButton',
+        methods: {},
+    };
 </script>