ui, css

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 .faq-q h5{display:flex;align-items:center;}
-.faq-q h5 .ti span{font-weight:500;font-size:1.125rem;line-height:1.6;margin-right:4px}
+.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}

src/components/cstmrService/inquiry/InquiryWrite.js

@@ -35,12 +35,37 @@ function InquiryWrite({
     <Modal
       isOpen={isInquiryModalOpen}
       toggle={() => handlerInquiryModal()}
-      className='modal-dialog-centered modal-xl faq-modal'
+      className='modal-dialog-centered modal-lg faq-modal'
     >
       <ModalHeader toggle={handlerInquiryModal}>1:1 문의하기</ModalHeader>
       <div className='pal-form'>
         <ModalBody>
           <Row>
+            <Col className='list-input' md='3'>
+              <FormGroup>
+                <Label for='test'>생성 사용자</Label>
+                <Input
+                  type='text'
+                  bsSize='sm'
+                  placeholder=''
+                  value={memberName}
+                  disabled
+                />
+              </FormGroup>
+            </Col>
+            {/* {detail.createDt && (
+              <Col className='list-input' md='3'>
+                <FormGroup>
+                  <Label for='test'>생성 일자</Label>
+                  <Input
+                    type='text'
+                    bsSize='sm'
+                    value={detail.createDt.slice(0, -3)}
+                    disabled
+                  />
+                </FormGroup>
+              </Col>
+            )} */}
             <Col className='list-input' md='3'>
               <FormGroup>
                 <Label for='test'>
@@ -62,7 +87,7 @@ function InquiryWrite({
                 </Input>
               </FormGroup>
             </Col>
-            <Col className='list-input' md='3'>
+            <Col className='list-input' md='6'>
               <FormGroup className='feedback-input'>
                 <Label for='test'>
                   <span className='necessary'>*</span>연락처
@@ -84,31 +109,6 @@ function InquiryWrite({
                 </div>
               </FormGroup>
             </Col>
-            <Col className='list-input' md='3'>
-              <FormGroup>
-                <Label for='test'>생성 사용자</Label>
-                <Input
-                  type='text'
-                  bsSize='sm'
-                  placeholder=''
-                  value={memberName}
-                  disabled
-                />
-              </FormGroup>
-            </Col>
-            {detail.createDt && (
-              <Col className='list-input' md='3'>
-                <FormGroup>
-                  <Label for='test'>생성 일자</Label>
-                  <Input
-                    type='text'
-                    bsSize='sm'
-                    value={detail.createDt.slice(0, -3)}
-                    disabled
-                  />
-                </FormGroup>
-              </Col>
-            )}
             <Col className='list-input' md='12'>
               <FormGroup>
                 <Label for='test'>

src/containers/cstmrService/faq/FaqContainer.js

@@ -234,8 +234,8 @@ export default function FaqContainer() {
             <h5>
               <span className='faq-icon-q'>Q</span>
               <span className='ti'>
-                <span>[{i.category}]</span>
+                <span className='category'>[{i.category}]</span>
-                {i.title}
+                <span className='title'>{i.title}</span>
               </span>
             </h5>
             {user?.authId !== 'USER' && (