From 655f0781a2652a6d3dd97a44aac23949365a58f9 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EA=B9=80=EB=AF=BC=EC=8B=9D?= <43837214+Minsiki@users.noreply.github.com> Date: Wed, 7 May 2025 11:34:03 +0900 Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=A8chore:=20Sync=20Sass?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../images/sub/oneonone_profile_icon.svg | 4 + src/styles/_contents.scss | 40 ++-- src/styles/_modal.scss | 42 ++-- src/styles/_reset.scss | 19 ++ src/styles/_submodal.scss | 200 ++++++++++++++---- 5 files changed, 228 insertions(+), 77 deletions(-) create mode 100644 public/static/images/sub/oneonone_profile_icon.svg diff --git a/public/static/images/sub/oneonone_profile_icon.svg b/public/static/images/sub/oneonone_profile_icon.svg new file mode 100644 index 00000000..f1c3d923 --- /dev/null +++ b/public/static/images/sub/oneonone_profile_icon.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/styles/_contents.scss b/src/styles/_contents.scss index bfd7b1f8..58f9a3ca 100644 --- a/src/styles/_contents.scss +++ b/src/styles/_contents.scss @@ -806,28 +806,28 @@ color: #45576F; margin-left: 5px; } -.drag-file-box{ - padding: 10px; - .btn-area{ - padding-bottom: 15px; - border-bottom: 1px solid #ECF0F4; - .file-upload{ - display: inline-block; - height: 30px; - background-color: #94A0AD; - padding: 0 10px; - border-radius: 2px; - font-size: 13px; - line-height: 30px; - color: #fff; - font-weight: 500; - cursor: pointer; - transition: background .15s ease-in-out; - &:hover{ - background-color: #607F9A; - } +.btn-area{ + padding-bottom: 15px; + border-bottom: 1px solid #ECF0F4; + .file-upload{ + display: inline-block; + height: 30px; + background-color: #94A0AD; + padding: 0 10px; + border-radius: 2px; + font-size: 13px; + line-height: 30px; + color: #fff; + font-weight: 500; + cursor: pointer; + transition: background .15s ease-in-out; + &:hover{ + background-color: #607F9A; } } +} +.drag-file-box{ + padding: 10px; .drag-file-area{ position: relative; margin-top: 15px; diff --git a/src/styles/_modal.scss b/src/styles/_modal.scss index fef7c2fd..7b94f2b4 100644 --- a/src/styles/_modal.scss +++ b/src/styles/_modal.scss @@ -2363,20 +2363,6 @@ $alert-color: #101010; } } -.module-area{ - display: flex; - align-items: center; - .module-area-title{ - flex: none; - font-size: 12px; - color: #fff; - font-weight: 500; - margin-right: 20px; - } - .outline-form{ - flex: 1; - } -} .placement-name-guide{ font-size: 11px; @@ -2422,4 +2408,32 @@ $alert-color: #101010; overflow: hidden; height: 0; } +} + +// 2025-05-07 지붕모듈 +.module-input-area{ + display: flex; + align-items: center; + margin-top: 10px; + .module-area-title{ + flex: none; + font-size: 12px; + color: #fff; + font-weight: 500; + margin-right: 20px; + } + .module-input-wrap{ + width: 100%; + display: flex; + .outline-form{ + width: calc(33.333% - 10px); + margin-right: 15px; + &:last-child{ + margin-right: 0; + } + .input-grid{ + width: 100%; + } + } + } } \ No newline at end of file diff --git a/src/styles/_reset.scss b/src/styles/_reset.scss index a3d2bddc..ecb7f2cb 100644 --- a/src/styles/_reset.scss +++ b/src/styles/_reset.scss @@ -1024,4 +1024,23 @@ input:checked + .slider { // alert z-index .swal2-container{ z-index: 120000; +} + +// textarea +.textarea-form{ + width: 100%; + outline: none; + resize: none; + border: none; + border: 1px solid #eee; + min-height: 150px; + padding: 10px; + font-size: 13px; + color: #45576F; + border-radius: 2px; + font-family: "Noto Sans JP", sans-serif; + transition: border .15s ease-in-out; + &:focus{ + border-color: #94a0ad; + } } \ No newline at end of file diff --git a/src/styles/_submodal.scss b/src/styles/_submodal.scss index de53d584..40beae5e 100644 --- a/src/styles/_submodal.scss +++ b/src/styles/_submodal.scss @@ -288,55 +288,56 @@ } // 커뮤니티 -.community_detail{ - .community_detail-tit{ - font-size: 16px; - color: #101010; - font-weight: 600; - padding-bottom: 14px; - border-bottom: 2px solid #101010; - } - .community_detail-file-wrap{ - padding: 24px 0; - border-bottom: 1px solid #E5E5E5; - dt{ - font-size: 13px; - color: #101010; - font-weight: 500; - margin-bottom: 15px; - } - dd{ - font-size: 12px; - font-weight: 400; - margin-bottom: 3px; - color: #344356; - &:last-child{ - margin-bottom: 0; - } - } - } - .community_detail-inner{ - max-height: 300px; - overflow-y: auto; - margin-top: 20px; - margin-bottom: 20px; +.community_detail-tit{ + font-size: 16px; + color: #101010; + font-weight: 600; + padding-bottom: 14px; + border-bottom: 2px solid #101010; +} +.community_detail-file-wrap{ + padding: 24px 0; + border-bottom: 1px solid #E5E5E5; + dt{ font-size: 13px; + color: #101010; + font-weight: 500; + } + dd{ + font-size: 12px; font-weight: 400; - color: #45576F; - line-height: 26px; - word-break: keep-all; - &::-webkit-scrollbar { - width: 4px; - background-color: transparent; + margin-bottom: 3px; + color: #344356; + &:nth-child(2){ + margin-top: 15px; } - &::-webkit-scrollbar-thumb { - background-color: #C1CCD7; - } - &::-webkit-scrollbar-track { - background-color: transparent; + &:last-child{ + margin-bottom: 0; } } } +.community_detail-inner{ + max-height: 300px; + overflow-y: auto; + margin-top: 20px; + margin-bottom: 20px; + font-size: 13px; + font-weight: 400; + color: #45576F; + line-height: 26px; + word-break: keep-all; + &::-webkit-scrollbar { + width: 4px; + background-color: transparent; + } + &::-webkit-scrollbar-thumb { + background-color: #C1CCD7; + } + &::-webkit-scrollbar-track { + background-color: transparent; + } +} + // 견적 복사 .estimate-copy-info-item{ @@ -368,4 +369,117 @@ color: #999; } } +} + +// 1:1문의 +.one-on-one{ + .select-wrap{ + width: 250px; + } + .input-wrap{ + flex: 1 1 auto; + } + &.btn-area{ + padding-bottom: 0; + border: none; + margin-left: 10px; + } + &.drag-file-box{ + border: 1px solid #eee; + .drag-file-area{ + margin-top: 0; + } + } +} + +.oneonone-header-wrap{ + padding-bottom: 14px; + border-bottom: 2px solid #101010; + .oneonone-title{ + font-size: 16px; + color: #101010; + font-weight: 600; + margin-bottom: 14px; + } +} +.oneonone-infor{ + display: flex; + align-items: center; + .profile{ + position: relative; + padding-left: 26px; + padding-right: 8px; + font-size: 13px; + font-weight: 400; + color: #101010; + &::before{ + content: ''; + position: absolute; + top: 50%; + left: 0; + transform: translateY(-50%); + width: 24px; + height: 24px; + background: url(./../../public/static/images/sub/oneonone_profile_icon.svg)no-repeat center; + } + &::after{ + content: ''; + position: absolute; + top: 50%; + right: 0; + transform: translateY(-50%); + width: 1px; + height: 8px; + background-color: #CCCCCC; + } + } + .date{ + padding-left: 8px; + font-size: 13px; + font-weight: 400; + color: #101010; + } +} +.oneonone-detail{ + padding: 20px; + border: 1px solid #101010; + border-top: none; + .community_detail-file-wrap{ + padding-top: 0; + } + .community_detail-inner{ + max-height: 110px; + margin-top: 24px; + margin-bottom: 0; + } +} + +.oneonone-answer{ + margin-top: 8px; + padding: 20px; + border: 1px solid #101010; + .community_detail-inner{ + max-height: 110px; + + } + .community_detail-file-wrap{ + border-top: 1px solid #D4DCE7; + padding: 16px 0 0 0; + border-bottom: none; + } +} + +.answer-title-wrap{ + display: flex; + align-items: center; + padding-bottom: 14px; + border-bottom: 1px solid #D4DCE7; + .answer-title{ + font-size: 14px; + color: #101010; + font-weight: 600; + } + .oneonone-infor{ + margin-left: auto; + } } \ No newline at end of file