휴가,게시판에디터 수정

src/layouts/TheFooter.vue

@@ -1,17 +1,7 @@
 <template>
     <footer class="content-footer footer bg-footer-theme">
         <div class="container-xxl">
-            <div class="footer-container d-flex align-items-center justify-content-between py-4 flex-md-row flex-column">
+
-                <div class="text-body">
-                    ©2024
-                    <!-- <script>
-                    document.write(new Date().getFullYear())
-                    </script> -->
-                    , made with ❤️ by
-                    <a href="https://themeselection.com/" target="_blank" class="footer-link">ThemeSelection</a>
-                </div>
-                <div class="d-none d-lg-inline-block"></div>
-            </div>
         </div>
     </footer>
 </template>

src/views/board/BoardView.vue

@@ -717,10 +717,10 @@
 
                 if (targetComment) {
                     // console.log('타겟',targetComment)
-                    // ✅ 댓글 내용만 "삭제된 댓글입니다."로 변경하고, 구조는 유지
+                    // 댓글 내용만 "삭제된 댓글입니다."로 변경하고, 구조는 유지
                     targetComment.content = '댓글이 삭제되었습니다.';
                     targetComment.author = '알 수 없음'; // 익명 처리
-                    targetComment.isDeleted = true; // ✅ 삭제 상태를 추가
+                    targetComment.isDeleted = true; // 삭제 상태를 추가
                 }
             } else {
                 toastStore.onToast('댓글 삭제에 실패했습니다.', 'e');
@@ -820,8 +820,23 @@
     });
 </script>
 <style>
-    .board-content img {
+    .board-content {
         max-width: 100%;
-        height: auto;
+        overflow: hidden;
+        word-wrap: break-word;
+    }
+
+    .board-content img {
+        max-width: 100% !important;
+        width: 100% !important;
+        height: auto !important;
+        display: block;
+        object-fit: contain;
+    }
+
+    .board-content table {
+        max-width: 100%;
+        overflow-x: auto;
+        display: block;
     }
 </style>

src/views/vacation/VacationManagement.vue

@@ -456,11 +456,12 @@ function updateCalendarEvents() {
         .filter(([date, type]) => type !== "delete")
         .map(([date, type]) => ({
             start: date,
-            backgroundColor: "rgb(113 212 243 / 76%)",
+            backgroundColor: "rgb(113 212 243 / 76%)", // 클릭하면 하늘색
             textColor: "#fff",
             display: "background",
-            classNames: [getVacationTypeClass(type), "selected-event"]
+            classNames: [getVacationTypeClass(type), "selected-event"] // 선택된 날짜 클래스 추가
         }));
+
     const filteredFetchedEvents = fetchedEvents.value.filter(event => {
         if (event.saved && selectedDates.value.get(event.start) === "delete") {
             if (event.memberSeq === userStore.user.id) {
@@ -469,7 +470,37 @@ function updateCalendarEvents() {
         }
         return true;
     });
+
     calendarEvents.value = [...filteredFetchedEvents, ...selectedEvents];
+
+    nextTick(() => {
+        const todayStr = new Date().toISOString().split("T")[0];
+        const todayElement = document.querySelector(`.fc-daygrid-day[data-date="${todayStr}"]`);
+
+        if (todayElement) {
+            // 오늘 날짜가 선택된 경우 배경 제거
+            if (selectedDates.value.has(todayStr)) {
+                todayElement.classList.remove("fc-day-today"); // 기본 스타일 제거
+                todayElement.classList.add("selected-event"); // 선택된 날짜 스타일 적용
+
+                // 🔹 오전 반차일 경우 'half-day-am' 클래스 추가
+                if (selectedDates.value.get(todayStr) === "700101") {
+                    todayElement.classList.add("half-day-am");
+                    todayElement.classList.remove("half-day-pm");
+                }
+                // 🔹 오후 반차일 경우 'half-day-pm' 클래스 추가
+                else if (selectedDates.value.get(todayStr) === "700102") {
+                    todayElement.classList.add("half-day-pm");
+                    todayElement.classList.remove("half-day-am");
+                } else {
+                    todayElement.classList.remove("half-day-am", "half-day-pm");
+                }
+            } else {
+                todayElement.classList.add("fc-day-today"); // 기본 스타일 복원
+                todayElement.classList.remove("selected-event", "half-day-am", "half-day-pm"); // 선택된 상태 해제
+            }
+        }
+    });
 }
 // 휴가 종류에 따른 클래스명
 const getVacationTypeClass = (type) => {