feat: design 반영

src/assets/scss/style.scss

@@ -147,6 +147,18 @@
 *{
   font-family: 'Noto Sans KR' !important;
 }
+// modal 클릭 시 그 외에 화면 어둡게 설정
+.css-79ws1d-MuiModal-root {
+  position: fixed;
+  right: 0;
+  bottom: 0;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0,0,0,0.7);
+  position: absolute;
+}
 // 전체적인 버튼 높이 통일
 .css-1kmsfjc-MuiButtonBase-root-MuiButton-root{
   height:37px;
@@ -184,39 +196,6 @@
   border-color: #111936;
 }*/
 
-// modal 클릭 시 그 외에 화면 어둡게 설정
-.css-79ws1d-MuiModal-root {
-  position: fixed;
-  z-index: 9999;
-  right: 0;
-  bottom: 0;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background: rgba(0,0,0,0.7);
-  position: absolute;
-}
-// 모달창 파일업로드칸 높이 수정
-.css-fdedq5-MuiInputBase-root-MuiOutlinedInput-root{
-  /*  height: 43px;*/
-  height: 41px;
-}
-// 모달창 파일업로드 버튼 세부 수정
-.css-140pblg-MuiGrid-root>.MuiGrid-item:nth-child(2){
-  display: flex;
-  margin-left: -25px;
-  padding-top: 5px;
-}
-// 모달창 해당파일 이름 칸 세부 수정
-.css-6dzwqk-MuiGrid-root {
-  border: 0px solid yellow;
-  padding-left: 0px !important;
-}
-// 자료관리 모달창 우편번호 칸 세부 수정
-.css-1j73dtm-MuiGrid-root{
-  padding-left: 0px !important;
-}
 
 
 //심의목록 텍스트 칸 배경설정
@@ -235,6 +214,8 @@
 //심의목록 모달창 조회버튼 수정
 .MuiGrid-root>.css-1uxpv00-MuiGrid-root{
   margin: 0px;
+  position: absolute;
+  right: 35px;
 }
 // 심의 등록 체크할 때 3행과 22건 겹치길래 수정
 .MuiGrid-root > .css-9m7a0r-MuiTypography-root{
@@ -249,11 +230,7 @@
   border:0px solid red;
   margin-left: auto;
 }
-//심의목록 셀렉터 우측으로 정렬
+
-.MuiGrid-root>.css-1odrivk-MuiGrid-root{
-  margin-right: 330px;
-  border:0px solid red;
-}
 //심의목록 모달창 스크롤 헤더 폰트 흐림문제 수정
 .css-lzdpoz-MuiPaper-root{
   border: 1px solid #525a73;
@@ -263,57 +240,56 @@
 .css-1uigskc-MuiTableCell-root{
   border: 1px solid #525a73;
   border-width: 5px 1px 1px 0px;
+  padding: 8px;
 }
 .css-t78vwc-MuiTableCell-root.MuiTableCell-body {
   border-right: 1px solid #525a73 !important;
+  padding: 8px;
 }
-
+//심의목록 셀렉터 우측으로 정렬
-//자료관리> (모달창) 거주자 의견진술 자료 상세
+.MuiGrid-root>.css-1odrivk-MuiGrid-root{
-.css-1404n7d-MuiGrid-root>.css-qwp29v-MuiGrid-root{
   border:0px solid red;
-  margin-left: 0px;
+  margin-right: 330px;
-  width: 100%;
-}
-.css-qwp29v-MuiGrid-root>.MuiFormControl-root{
-  width:20%;
-  margin-right: 15px;
 }
 
-.MuiGrid-root>.m_title{
+
-  border: 1px solid #888888;
+
-  display: flex;
+
-  align-items: center;
+// 모달창 파일업로드칸 높이 수정
-  border-width: 0px 1px 0px 0px;
+.css-fdedq5-MuiInputBase-root-MuiOutlinedInput-root{
-  padding-right: 11px;
+  /*  height: 43px;*/
-  height: 22px;
+ /* height: 41px;*/
-  margin-top: 8px;
-  margin-right: 15px;
 }
-/*.css-mykh40-MuiInputBase-root-MuiOutlinedInput-root{
+// 모달창 파일업로드 버튼 세부 수정
-  .MuiOutlinedInput-notchedOutline{
+.css-140pblg-MuiGrid-root>.MuiGrid-item:nth-child(2){
-    border: 1px solid #212946 !important;
+  display: flex;
-    border-radius: 4px;
+ /* margin-left: -25px;*/
+  padding-top: 5px;
 }
-}*/
+//이미지 다운로드 칸 수정
-//심의목록 셀렉터 우측으로 정렬
+.image_Down{
-.MuiGrid-root>.css-1odrivk-MuiGrid-root{
+  max-width:45%;
-  margin-right: 330px;
   border:0px solid red;
 }
-//심의목록 모달창 스크롤 헤더 폰트 흐림문제 수정
+// 공지사항 변경 모달창 파일업로드 따로 선언하여 수정
-.css-lzdpoz-MuiPaper-root{
+.n_upload{
-  border: 1px solid #525a73;
+  border:0px solid red;
-  overflow: initial;
+  /*margin-left: -25px;*/
-  border-width: 0px 0px 2px 2px;
 }
-.css-1uigskc-MuiTableCell-root{
+// 모달창 해당파일 이름 칸 세부 수정
-  border: 1px solid #525a73;
+.css-6dzwqk-MuiGrid-root {
-  border-width: 5px 1px 1px 0px;
+  border: 0px solid yellow;
+  padding-left: 0px !important;
 }
-.css-t78vwc-MuiTableCell-root.MuiTableCell-body {
+// 자료관리 모달창 우편번호 칸 세부 수정
-  border-right: 1px solid #525a73 !important;
+.css-1j73dtm-MuiGrid-root{
+  padding-left: 0px !important;
 }
 
+
+
+
+
 //자료관리> (모달창) 거주자 의견진술 자료 상세
 .css-1404n7d-MuiGrid-root>.css-qwp29v-MuiGrid-root{
   border:0px solid red;
@@ -335,9 +311,7 @@
   margin-top: 8px;
   margin-right: 15px;
 }
-/*.css-mykh40-MuiInputBase-root-MuiOutlinedInput-root{
+.fix_address{
-  .MuiOutlinedInput-notchedOutline{
+  border: 1px solid pink;
-    border: 1px solid #212946 !important;
+  margin: 0px !important;
-    border-radius: 4px;
 }
-}*/