diff --git a/public/css/custom.css b/public/css/custom.css index e367c87..cacca3f 100644 --- a/public/css/custom.css +++ b/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; diff --git a/src/components/vacation/ProfileList.vue b/src/components/vacation/ProfileList.vue index fdf7153..1e5a6e6 100644 --- a/src/components/vacation/ProfileList.vue +++ b/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", });