휴가css 수정

public/css/custom.css

@@ -229,7 +229,7 @@ cursor: not-allowed !important;
 /* 버튼 기본 스타일 */
 .vac-btn {
   transition: all 0.2sease-in-out;
-  border: 1px solid transparent;
+  border: 2px solid transparent;
 }
 /* 마우스를 올렸을 때 */
   .vac-btn:hover {
@@ -250,8 +250,9 @@ cursor: not-allowed !important;
 .vac-btn-warning{
   color: #fff;
   background-color: #ffc144;
-  border-color: #ffe605;
+  border-color: #ffc144;
   box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 171, 0, 0.4);
+  font-size: 28px;
 }
 /* AM 버튼 (선택된 상태) */
 .vac-btn-warning.active {
@@ -263,18 +264,20 @@ cursor: not-allowed !important;
     background-color: #03c3ec;
     border-color: #03c3ec;
     box-shadow: 0 0.125rem 0.25rem 0 rgba(3, 195, 236, 0.4);
+    font-size: 28px;
 }
 /* PM 버튼 (선택된 상태) */
 .vac-btn-info.active {
   background-color: #0b5ed7 !important;
   color: white;
 }
-/* 버튼 기본 (비활성화일 때 기본 녹색) */
+/* 버튼 기본 */
 .vac-btn-success {
   transition: all 0.2s ease-in-out;
   background-color: #871919 !important;
   color: white;
-  border: 1px solid transparent;
+  border: 2px solid transparent;
+  font-size: 30px;
 }
 /* 버튼 활성화 */
 .vac-btn-success.active {
@@ -317,17 +320,17 @@ cursor: not-allowed !important;
       font-size: 22px;
   }
   .vac-grant-modal-title {
-      font-size: 16px;
+      font-size: 18px;
   }
   .vac-modal-text {
-      font-size: 11px;
+      font-size: 13px;
   }
   .vac-modal-title {
-      font-size: 14px;
+      font-size: 17px;
       margin-bottom: 10px;
   }
   .vacation-item {
-      font-size: 12px;
+      font-size: 13px;
       text-align: center;
       margin-bottom: 5px;
   }
@@ -343,6 +346,16 @@ cursor: not-allowed !important;
   }
 }
 @media (max-width: 1500px) {
+  .vac-grant-modal-title {
+    font-size: 14px;
+  }
+  .vac-modal-text {
+      font-size: 11px;
+  }
+  .vac-modal-title {
+      font-size: 13px;
+      margin-bottom: 10px;
+  }
   .close-btn {
     top: 5px;
     right: 5px;

src/components/vacation/ProfileList.vue

@@ -112,7 +112,7 @@ if (windowWidth.value >= 1850) {
 });
 
 const getDynamicStyle = (user) => ({
-borderWidth: "2px",
+borderWidth: "3px",
 borderColor: user.usercolor || "#ccc",
 borderStyle: "solid",
 });