From 0c67d702331ee1dbbf28e052c5e896ed86a2e989 Mon Sep 17 00:00:00 2001
From: dyhj625 <dyhj625@local-host.co.kr>
Date: Thu, 27 Feb 2025 13:38:51 +0900
Subject: [PATCH] =?UTF-8?q?=ED=9C=B4=EA=B0=80,css?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/css/custom.css                       | 30 +--------------------
 src/components/modal/VacationGrantModal.vue | 19 +++++++++++++
 src/components/modal/VacationModal.vue      | 21 +++++++++++++++
 src/views/vacation/VacationManagement.vue   |  6 ++++-
 4 files changed, 46 insertions(+), 30 deletions(-)

diff --git a/public/css/custom.css b/public/css/custom.css
index 9d42df7..182e491 100644
--- a/public/css/custom.css
+++ b/public/css/custom.css
@@ -106,11 +106,7 @@ opacity: 0.6; /* 흐려 보이게 */
   border-radius: 5px;
   background: #f9f9f9;
 }
-/* 모달 본문 스크롤 */
-.modal-body {
-  max-height: 130px;
-  overflow-y: auto;
-}
+
 
 /* 선물하기 모달 */
 
@@ -157,30 +153,6 @@ opacity: 0.6; /* 흐려 보이게 */
   color: #ff0800; /* 호버 시 아이콘 색상 변경 */
 }
 
-
-
-
-/* 모달 배경 투명하게 */
-.modal-dialog {
-  background: none !important;  /* 배경 제거 */
-  box-shadow: none !important;  /* 음영 제거 */
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-}
-
-/* 모달 내용 스타일 */
-.modal-content {
-  background: #fff;  /* 기존 흰색 배경 유지 */
-  border-radius: 8px;
-  box-shadow: none !important;  /* 내부 음영 제거 */
-  padding: 20px;
-  max-width: 500px;
-  width: 100%;
-}
-
 .grayscaleImg {
   filter: grayscale(100%);
 }
diff --git a/src/components/modal/VacationGrantModal.vue b/src/components/modal/VacationGrantModal.vue
index d3baa12..0059116 100644
--- a/src/components/modal/VacationGrantModal.vue
+++ b/src/components/modal/VacationGrantModal.vue
@@ -122,5 +122,24 @@
 
 
   <style scoped>
+/* 모달 배경 투명하게 */
+.modal-dialog {
+  background: none !important;  /* 배경 제거 */
+  box-shadow: none !important;  /* 음영 제거 */
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+}
 
+/* 모달 내용 스타일 */
+.modal-content {
+  background: #fff;  /* 기존 흰색 배경 유지 */
+  border-radius: 8px;
+  box-shadow: none !important;  /* 내부 음영 제거 */
+  padding: 20px;
+  max-width: 500px;
+  width: 100%;
+}
   </style>
diff --git a/src/components/modal/VacationModal.vue b/src/components/modal/VacationModal.vue
index 4dbe9ce..5dde272 100644
--- a/src/components/modal/VacationModal.vue
+++ b/src/components/modal/VacationModal.vue
@@ -138,4 +138,25 @@ const closeModal = () => {
 </script>
 
   <style scoped>
+
+/* 모달 배경 투명하게 */
+.modal-dialog {
+  background: none !important;  /* 배경 제거 */
+  box-shadow: none !important;  /* 음영 제거 */
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+}
+
+/* 모달 내용 스타일 */
+.modal-content {
+  background: #fff;  /* 기존 흰색 배경 유지 */
+  border-radius: 8px;
+  box-shadow: none !important;  /* 내부 음영 제거 */
+  padding: 20px;
+  max-width: 500px;
+  width: 100%;
+}
   </style>
diff --git a/src/views/vacation/VacationManagement.vue b/src/views/vacation/VacationManagement.vue
index 6c26514..f61dba6 100644
--- a/src/views/vacation/VacationManagement.vue
+++ b/src/views/vacation/VacationManagement.vue
@@ -536,5 +536,9 @@ watch([holidayDates, lastRemainingYear, lastRemainingMonth], () => {
   </script>
 
   <style>
-
+/* 모달 본문 스크롤 */
+.modal-body {
+  max-height: 130px;
+  overflow-y: auto;
+}
   </style>