diff --git a/src/assets/css/custom.css b/src/assets/css/custom.css index d04d879..b331d41 100644 --- a/src/assets/css/custom.css +++ b/src/assets/css/custom.css @@ -179,7 +179,13 @@ button{border:0;background:transparent;} *::-webkit-scrollbar-thumb{height:auto;background-color:#b4b7bd;/* 스크롤바 둥글게 설정*/border-radius: 10px; } /* 스크롤바 뒷 배경 설정*/ *::-webkit-scrollbar-track{background-color: rgba(0,0,0,0);} - +/* textarea:disabled 스크롤바 뒷 배경 설정*/ +textarea:disabled::-webkit-scrollbar-track, +input:disabled::-webkit-scrollbar-track, +textarea:read-only::-webkit-scrollbar-track, +input:read-only::-webkit-scrollbar-track { + background-color: #efefef; +} /*레이어 상세정보-날씨정보*/ .layer-weather-table > div{border-radius: 5px;} .layer-weather-address{font-size: 0.875rem;margin-bottom:10px;} @@ -1042,22 +1048,21 @@ caption {overflow: hidden; line-height: 0;text-indent: -2000px;} .faq-icon-q{background:#ff9f43;margin-right:10px} .faq-icon-a{background:#28c76f;} .faq-q{display:flex;justify-content:space-between;align-items: center;width:100%} -.faq-q h5 .ti{font-weight:500;font-size:1.125rem;line-height:1.6} -.faq-q h5 .ti span{font-weight:500;font-size:1.125rem;line-height:1.6;margin-right:4px} +.faq .faq-q h5{display:flex;align-items:center;} +.faq .faq-q h5 .ti{display:flex;align-items:center;font-weight:500;font-size:1.125rem;line-height:1.6} +.faq .faq-q h5 .ti .title{display:inline-block;font-weight:500;width: 1150px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} +.faq-q h5 .ti .category{font-weight:500;font-size:1.125rem;line-height:1.6;margin-right:4px} .faq .app-collapse .collapse-title{width:100%;} .faq-q button{min-width:100px;position: relative;z-index: 2;} .faq-a{display:flex;background:#f4f4f4;padding:1rem} -.faq-a-text{margin-top:4px;word-break: keep-all;margin-left:10px;display:block;width: calc(100% - 40px);} +.faq-a-text{margin-top:4px;word-break: keep-all;margin-left:10px;display:block;width: calc(100% - 40px);font-weight: 400;} .faq-modal .form-group label{font-size:0.875rem;font-weight:400;} .input-radio-inline{display:flex;height:34px;align-items: center;} .input-radio-inline label:hover{cursor: pointer;} -.faq-textarea{resize:none;min-height:250px} +.faq-textarea{resize:none;min-height:150px} +.faq-textarea:disabled{min-height:80px} .faq-modal .modal-footer button{min-width:120px} .faq .my-faq .faq-q h5 .ti, .faq .my-faq .faq-q h5 .ti span{font-size:1rem} -.faq .my-faq .faq-q h5{display:flex;align-items:center;} -.faq .my-faq .faq-q h5 .ti{display:flex;align-items:center;} -.faq .my-faq .faq-q h5 .ti .title{display:inline-block;width: 1150px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} -/* .faq .my-faq .faq-q h5 .ti span{font-size:1rem} */ .faq .my-faq .faq-q h5 .badge{margin-right:10px;font-size:0.875rem} .faq .my-faq .faq-a{font-size:0.875rem} .faq .my-faq .faq-a{width:100%;margin-left:0;} @@ -1072,7 +1077,7 @@ caption {overflow: hidden; line-height: 0;text-indent: -2000px;} .pal-form .form-group label{font-size:0.875rem;font-weight:500;} .feedback-input{position: relative;} -.feedback{position:absolute;left:3px;font-size:0.75rem;word-break: keep-all;color:#ed1125} +.feedback{margin-left:3px;font-size:0.75rem;word-break: keep-all;color:#ed1125;margin-bottom:-1rem} .feedback p{line-height:1.6;padding-top:4px} .pal-form .custom-file-input.pal:lang(en) ~ .custom-file-label::after{content: "찾아보기";display:flex;align-items:center;} .pal-form .custom-file .custom-file-label{display:flex;align-items:center;color:#999;font-weight:300;} @@ -1080,7 +1085,7 @@ caption {overflow: hidden; line-height: 0;text-indent: -2000px;} .pal-form .custom-file.file-selected label{color:#777;font-weight:400} .pal-form .custom-file-control{position: absolute;top:20px;top: 10px;right: 100px;z-index: 999;transition: 0.5s ease;-webkit-transition: 0.5s ease;} .pal-form .custom-file-control:hover{cursor: pointer;} -.pal-form .pal-form-btn{margin:1rem 0;text-align: right;} +.pal-form .pal-form-btn{text-align: right;} .pal-form .pal-form-btn button{min-width:120px} .pal-form .pal-form-btn button + button{margin-left:20px} .pal-form textarea.form-control{font-size:0.875rem;line-height:1.4} diff --git a/src/components/cstmrService/inquiry/InquiryWrite.js b/src/components/cstmrService/inquiry/InquiryWrite.js index 8123538..f8d762f 100644 --- a/src/components/cstmrService/inquiry/InquiryWrite.js +++ b/src/components/cstmrService/inquiry/InquiryWrite.js @@ -35,12 +35,37 @@ function InquiryWrite({ handlerInquiryModal()} - className='modal-dialog-centered modal-xl faq-modal' + className='modal-dialog-centered modal-lg faq-modal' > 1:1 문의하기
+ + + + + + + {/* {detail.createDt && ( + + + + + + + )} */} - +
- - - - - - - {detail.createDt && ( - - - - - - - )}