localnet/localhost-front
10
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

휴가css 수정정

Browse Source
This commit is contained in:
dyhj625 2025-03-07 14:45:24 +09:00
parent dae3ef8ede
commit bdcb75fc58
2 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
public/css/custom.css
View File

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

2
src/components/button/HalfDayButtons.vue
View File

@ -18,7 +18,7 @@
</button> </button>
<!-- 저장 버튼 --> <!-- 저장 버튼 -->
<div class="save-button-container"> <div class="save-button-container">
<button class="btn-success" @click="addVacationRequests" <button class="vac-btn-success" @click="addVacationRequests"
:class="{ active: !isDisabled, disabled: isDisabled }"> :class="{ active: !isDisabled, disabled: isDisabled }">
✔ ✔
</button> </button>