Merge branch 'main' of http://192.168.0.251:3000/localnet/localhost-front

public/css/custom.css

@@ -124,20 +124,20 @@
 }
 /* 클릭 가능한 날짜 (오늘 + 미래) */
 .fc-daygrid-day.clickable {
-cursor: pointer;
+    cursor: pointer;
-transition: background-color 0.2s ease-in-out;
+    transition: background-color 0.2s ease-in-out;
 }
 /* 마우스를 올렸을 때 효과 */
 .fc-daygrid-day.clickable:hover {
-background-color: rgba(0, 0, 0, 0.05); /* 연한 배경 효과 */
+    background-color: rgba(0, 0, 0, 0.05); /* 연한 배경 효과 */
 }
 /* 주말 (토요일, 일요일) 및 공휴일 */
 .fc-day-sat-sun {
-cursor: not-allowed !important;
+    cursor: not-allowed !important;
 }
 /* 과거 날짜 (오늘 -7일일) */
 .fc-daygrid-day.past {
-cursor: not-allowed !important;
+    cursor: not-allowed !important;
 }
 /* 기본 이벤트 스타일 */
 .fc-daygrid-event {
@@ -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%;
@@ -183,7 +183,7 @@ cursor: not-allowed !important;
 .vac-modal-body {
     max-height: 140px;
     overflow-y: auto;
-  }
+}
 .vac-modal-text {
     font-size: 14px;
     text-align: center;
@@ -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;
-
 }
 
 /* 휴가 사원프로필 */
@@ -289,13 +288,13 @@ cursor: not-allowed !important;
     border: 2px solid transparent;
 }
 /* 마우스를 올렸을 때 */
-  .vac-btn:hover {
+.vac-btn:hover {
     filter: brightness(90%);
     box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
     transform: scale(1.05);
 }
 /* 버튼이 눌렸을 때 */
-  .vac-btn:active {
+.vac-btn:active {
     transform: scale(0.9);
     box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
 }
@@ -304,7 +303,7 @@ cursor: not-allowed !important;
     box-shadow: 0px 4px 15px rgba(224, 224, 224, 0.3);
     transform: scale(1.1);
 }
-.vac-btn-warning{
+.vac-btn-warning {
     color: #fff;
     background-color: #ffc144;
     border-color: #ffc144;
@@ -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;
@@ -422,7 +421,7 @@ cursor: not-allowed !important;
         font-size: 11px;
         text-align: center;
         margin-bottom: 5px;
-}
+    }
     .vac-btn {
         width: 40px;
         height: 40px;
@@ -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;
@@ -553,13 +553,12 @@ cursor: not-allowed !important;
     }
 
     .layout-navbar-fixed .layout-navbar.navbar-detached {
-    width: calc(100% - 1.625rem* 2 - 20%) !important;
+        width: calc(100% - 1.625rem * 2 - 20%) !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>