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 @@ - + + + + @@ -118,6 +122,11 @@ 'update:password', ]); + const filterInput = (event) => { + event.target.value = event.target.value.replace(/\s/g, ""); // 공백 제거 + emit("update:password", event.target.value); + }; + const localEditedContent = ref(props.comment.content); // 댓글 입력 창 토글 @@ -173,3 +182,13 @@ emit('editClick', props.comment); }; + diff --git a/src/components/board/BoardCommentArea.vue b/src/components/board/BoardCommentArea.vue index 0ffbc98..fcfd8e3 100644 --- a/src/components/board/BoardCommentArea.vue +++ b/src/components/board/BoardCommentArea.vue @@ -34,25 +34,27 @@ -
- - - {{ passwordAlert }} - {{ passwordAlert2 }} -
+
+ {{ passwordAlert }} + {{ passwordAlert2 }} @@ -101,7 +103,8 @@ textAlert.value = ''; }; - const passwordAlertTextHandler = () => { + const passwordAlertTextHandler = (event) => { + event.target.value = event.target.value.replace(/\s/g, ""); passwordAlert2.value = ''; }; diff --git a/src/components/board/BoardProfile.vue b/src/components/board/BoardProfile.vue index b183865..5510843 100644 --- a/src/components/board/BoardProfile.vue +++ b/src/components/board/BoardProfile.vue @@ -1,8 +1,8 @@