From 88d5a33e25dc764188ad65877ac9d21d1e9d2192 Mon Sep 17 00:00:00 2001 From: minuk926 Date: Fri, 29 Apr 2022 19:07:38 +0900 Subject: [PATCH] =?UTF-8?q?feat:=20design=20=EB=B0=98=EC=98=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/scss/style.scss | 134 +++++++++++++++---------------------- 1 file changed, 54 insertions(+), 80 deletions(-) diff --git a/src/assets/scss/style.scss b/src/assets/scss/style.scss index 7c66c3c..fc04f82 100755 --- a/src/assets/scss/style.scss +++ b/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; } - -//자료관리> (모달창) 거주자 의견진술 자료 상세 -.css-1404n7d-MuiGrid-root>.css-qwp29v-MuiGrid-root{ +//심의목록 셀렉터 우측으로 정렬 +.MuiGrid-root>.css-1odrivk-MuiGrid-root{ border:0px solid red; - margin-left: 0px; - width: 100%; -} -.css-qwp29v-MuiGrid-root>.MuiFormControl-root{ - width:20%; - margin-right: 15px; + margin-right: 330px; } -.MuiGrid-root>.m_title{ - border: 1px solid #888888; + + + +// 모달창 파일업로드칸 높이 수정 +.css-fdedq5-MuiInputBase-root-MuiOutlinedInput-root{ + /* height: 43px;*/ + /* height: 41px;*/ +} +// 모달창 파일업로드 버튼 세부 수정 +.css-140pblg-MuiGrid-root>.MuiGrid-item:nth-child(2){ display: flex; - align-items: center; - border-width: 0px 1px 0px 0px; - padding-right: 11px; - height: 22px; - margin-top: 8px; - margin-right: 15px; + /* margin-left: -25px;*/ + padding-top: 5px; } -/*.css-mykh40-MuiInputBase-root-MuiOutlinedInput-root{ - .MuiOutlinedInput-notchedOutline{ - border: 1px solid #212946 !important; - border-radius: 4px; - } -}*/ -//심의목록 셀렉터 우측으로 정렬 -.MuiGrid-root>.css-1odrivk-MuiGrid-root{ - margin-right: 330px; +//이미지 다운로드 칸 수정 +.image_Down{ + max-width:45%; border:0px solid red; } -//심의목록 모달창 스크롤 헤더 폰트 흐림문제 수정 -.css-lzdpoz-MuiPaper-root{ - border: 1px solid #525a73; - overflow: initial; - border-width: 0px 0px 2px 2px; +// 공지사항 변경 모달창 파일업로드 따로 선언하여 수정 +.n_upload{ + border:0px solid red; + /*margin-left: -25px;*/ } -.css-1uigskc-MuiTableCell-root{ - border: 1px solid #525a73; - border-width: 5px 1px 1px 0px; +// 모달창 해당파일 이름 칸 세부 수정 +.css-6dzwqk-MuiGrid-root { + 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{ - .MuiOutlinedInput-notchedOutline{ - border: 1px solid #212946 !important; - border-radius: 4px; - } -}*/ +.fix_address{ + border: 1px solid pink; + margin: 0px !important; +} \ No newline at end of file