게시글 답변 css 공통으로 변경

public/css/custom.css

@@ -159,7 +159,6 @@ cursor: not-allowed !important;
     border-bottom-right-radius: 4px;
 }
 
-
 /* 휴가 모달 */
 .vac-modal-dialog {
     background: none !important;
@@ -174,7 +173,8 @@ cursor: not-allowed !important;
 .vac-modal-content {
     background: #fff;
     padding: 20px;
-  box-shadow: 0px -4px 5px rgba(0, 0, 0, 0.1),
+    box-shadow:
+        0px -4px 5px rgba(0, 0, 0, 0.1),
         0px 4px 0px rgba(0, 0, 0, 0);
     max-width: 500px;
     width: 100%;
@@ -242,7 +242,7 @@ cursor: not-allowed !important;
     font-size: 18px;
     padding: 2px 10px;
     border: none;
-  background: #2C3E50;
+    background: #2c3e50;
     color: white;
     border-radius: 5px;
     cursor: pointer;
@@ -274,7 +274,6 @@ cursor: not-allowed !important;
 }
 .custom-button:disabled {
     cursor: not-allowed;
-
 }
 
 /* 휴가 사원프로필 */
@@ -314,7 +313,7 @@ cursor: not-allowed !important;
 /* AM 버튼 (선택된 상태) */
 .vac-btn-warning.active {
     background-color: #ff7300 !important;
-  color: #fff;;
+    color: #fff;
 }
 .vac-btn-info {
     color: #fff;
@@ -435,7 +434,6 @@ cursor: not-allowed !important;
     }
 }
 
-
 .grayscaleImg {
     filter: grayscale(100%);
 }
@@ -503,7 +501,10 @@ cursor: not-allowed !important;
 .scroll-top-btn {
     bottom: 20px;
     right: 21.7%;
-  transition: opacity 0.4s ease, visibility 0.4s ease, transform 0.4s ease;
+    transition:
+        opacity 0.4s ease,
+        visibility 0.4s ease,
+        transform 0.4s ease;
 }
 
 .scroll-top-btn.visible {
@@ -535,7 +536,6 @@ cursor: not-allowed !important;
     width: calc(100% - 1.625rem * 2 - 16.25rem - 20%) !important;
 }
 
-
 @media (min-width: 1200px) {
     nav#layout-navbar {
         left: calc(16.25rem - 20%) !important;
@@ -559,7 +559,6 @@ cursor: not-allowed !important;
 
 /* 탑바 범위조정(992px 이하) */
 @media (max-width: 992px) {
-
     .layout-navbar-fixed .layout-navbar.navbar-detached {
         width: calc(100% - 2rem - 20%) !important;
     }
@@ -585,6 +584,20 @@ cursor: not-allowed !important;
 }
 
 /* 세로모드 모바일 디바이스 (가로 해상도가 576px 보다 작은 화면에 적용)  */
-@media (max-width: 575px) {  } 
+@media (max-width: 575px) {
+}
 
 /* Mobile end */
+
+/* BoardComment */
+
+.beforeRotate {
+    transition: transform 0.3s ease-in-out;
+}
+
+.rotate {
+    transform: rotate(45deg);
+    transition: transform 0.3s ease-in-out;
+}
+
+/* BoardComment end */

src/components/board/BoardComment.vue

@@ -194,13 +194,3 @@
         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>