diff --git a/public/css/custom.css b/public/css/custom.css
index 6eb5920..1e39f5a 100644
--- a/public/css/custom.css
+++ b/public/css/custom.css
@@ -108,7 +108,6 @@ cursor: not-allowed !important;
.vac-modal-content {
background: #fff;
padding: 20px;
- border-radius: 8px;
box-shadow: 0px -4px 5px rgba(0, 0, 0, 0.1),
0px 4px 0px rgba(0, 0, 0, 0);
max-width: 500px;
@@ -207,44 +206,21 @@ cursor: not-allowed !important;
.custom-button:hover i {
color: #ff0800;
}
+.custom-button:disabled {
+ cursor: not-allowed;
+
+}
/* 휴가 사원프로필 */
.profile-list {
- display: flex;
- flex-wrap: wrap;
- gap: 15px;
- padding: 0;
- list-style: none;
- justify-content: flex-start;
cursor: pointer;
}
-.profile-item {
- display: flex;
- flex-direction: column;
- align-items: center;
- cursor: pointer;
- width: calc(33.33% - 10px);
-}
/* 오전/오후반차,저장버튼 */
/* 버튼 기본 스타일 */
.vac-btn {
- width: 60px;
- height: 60px;
- border-radius: 50%;
- font-size: 20px;
- display: flex;
- align-items: center;
- justify-content: center;
- transition: all 0.2s ease-in-out;
- display: inline-block;
- font-weight: 400;
- line-height: 1.53;
- color: #697a8d;
- text-align: center;
- vertical-align: middle;
- cursor: pointer;
- border: 1px solid transparent;
+ transition: all 0.2sease-in-out;
+ border: 2px solid transparent;
}
/* 마우스를 올렸을 때 */
.vac-btn:hover {
@@ -265,8 +241,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 {
@@ -278,26 +255,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 {
- font-size: 24px;
- width: 60px;
- height: 60px;
- border-radius: 50%;
- display: flex;
- align-items: center;
- justify-content: center;
transition: all 0.2s ease-in-out;
background-color: #871919 !important;
color: white;
- cursor: pointer;
- border: 1px solid transparent;
+ border: 2px solid transparent;
+ font-size: 30px;
}
/* 버튼 활성화 */
.vac-btn-success.active {
@@ -309,7 +280,6 @@ cursor: not-allowed !important;
}
/* 버튼 비활성화 */
.vac-btn-success.disabled {
- border: 3px solid #e6e4e4; /* 붉은색 테두리 적용 */
background-color: #bbb8b8 !important;
color: white !important;
cursor: not-allowed !important;
@@ -341,17 +311,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;
}
@@ -367,6 +337,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/board/BoardComment.vue b/src/components/board/BoardComment.vue
index 89fd3ad..c34b6d0 100644
--- a/src/components/board/BoardComment.vue
+++ b/src/components/board/BoardComment.vue
@@ -7,6 +7,7 @@
:profileName="comment.author"
:date="comment.createdAt"
:comment="comment"
+ :profileImg="comment.profileImg"
:showDetail="false"
:isLike="!isLike"
:isCommentPassword="isCommentPassword"
@@ -23,7 +24,7 @@
class="form-control"
:value="password"
placeholder="비밀번호 입력"
- @input="$emit('update:password', $event.target.value.trim())"
+ @input="filterInput"
/>
@@ -47,7 +48,10 @@
-