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-11 11:09:26 +09:00
parent 408c72d3c0
commit e04d1c65fe
2 changed files with 22 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
public/css/custom.css
View File

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

2
src/components/vacation/ProfileList.vue
View File

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