휴가css 수정정
This commit is contained in:
parent
dae3ef8ede
commit
bdcb75fc58
@ -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;
|
||||
|
||||
@ -18,7 +18,7 @@
|
||||
</button>
|
||||
<!-- 저장 버튼 -->
|
||||
<div class="save-button-container">
|
||||
<button class="btn-success" @click="addVacationRequests"
|
||||
<button class="vac-btn-success" @click="addVacationRequests"
|
||||
:class="{ active: !isDisabled, disabled: isDisabled }">
|
||||
✔
|
||||
</button>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user