🚨chore: Sync Sass
This commit is contained in:
김민식
parent
76dd1aaa43
commit
655f0781a2
4
public/static/images/sub/oneonone_profile_icon.svg
Normal file
4
public/static/images/sub/oneonone_profile_icon.svg
Normal file
@ -0,0 +1,4 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<circle cx="12" cy="12" r="8.25" stroke="#101010" stroke-width="1.5"/>
|
||||
<path d="M7.94995 16.5C10.0485 14.302 13.9289 14.1986 16.05 16.5M14.2455 9.75C14.2455 10.9926 13.2367 12 11.9923 12C10.7479 12 9.73912 10.9926 9.73912 9.75C9.73912 8.50736 10.7479 7.5 11.9923 7.5C13.2367 7.5 14.2455 8.50736 14.2455 9.75Z" stroke="#101010" stroke-width="1.5" stroke-linecap="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 474 B |
@ -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;
|
||||
|
||||
@ -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;
|
||||
@ -2423,3 +2409,31 @@ $alert-color: #101010;
|
||||
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%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1025,3 +1025,22 @@ input:checked + .slider {
|
||||
.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;
|
||||
}
|
||||
}
|
||||
@ -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{
|
||||
@ -369,3 +370,116 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 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;
|
||||
}
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user