diff --git a/public/css/custom.css b/public/css/custom.css index 4091d2a..e9d477a 100644 --- a/public/css/custom.css +++ b/public/css/custom.css @@ -250,20 +250,19 @@ cursor: not-allowed !important; } /* 선택된 (눌린) 버튼 */ .vac-btn.active { - border: 3px solid #ff0000; /* 붉은색 테두리 적용 */ - box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.3); + box-shadow: 0px 4px 15px rgba(224, 224, 224, 0.3); transform: scale(1.1); } .vac-btn-warning{ color: #fff; - background-color: #ffab00; - border-color: #ffab00; + background-color: #ffc144; + border-color: #ffe605; box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 171, 0, 0.4); } /* AM 버튼 (선택된 상태) */ .vac-btn-warning.active { - background-color: #ffca2c !important; - color: black; + background-color: #ff7300 !important; + color: #fff;; } .vac-btn-info { color: #fff; @@ -277,7 +276,7 @@ cursor: not-allowed !important; color: white; } /* 버튼 기본 (비활성화일 때 기본 녹색) */ -.btn-success { +.vac-btn-success { font-size: 24px; width: 50px; height: 50px; @@ -292,7 +291,7 @@ cursor: not-allowed !important; border: 1px solid transparent; } /* 버튼 활성화 */ -.btn-success.active { +.vac-btn-success.active { background-color: #ff0000 !important; color: white !important; border: 3px solid #eb9f9f !important; @@ -300,7 +299,8 @@ cursor: not-allowed !important; transform: scale(1.1); } /* 버튼 비활성화 */ -.btn-success.disabled { +.vac-btn-success.disabled { + border: 3px solid #e6e4e4; /* 붉은색 테두리 적용 */ background-color: #bbb8b8 !important; color: white !important; cursor: not-allowed !important; @@ -351,7 +351,7 @@ cursor: not-allowed !important; height: 40px; font-size: 18px; } - .btn-success { + .vac-btn-success { font-size: 20px; width: 40px; height: 40px; diff --git a/src/components/button/HalfDayButtons.vue b/src/components/button/HalfDayButtons.vue index aeb2ed2..08cc241 100644 --- a/src/components/button/HalfDayButtons.vue +++ b/src/components/button/HalfDayButtons.vue @@ -18,7 +18,7 @@