You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
345 lines
7.0 KiB
SCSS
345 lines
7.0 KiB
SCSS
// color variants
|
|
@import 'themes-vars.module.scss';
|
|
|
|
// third-party
|
|
@import '~react-perfect-scrollbar/dist/css/styles.css';
|
|
@import '~slick-carousel/slick/slick.css';
|
|
@import '~slick-carousel/slick/slick-theme.css';
|
|
|
|
//webFont
|
|
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500&display=swap');
|
|
|
|
|
|
|
|
// ==============================|| LIGHT BOX ||============================== //
|
|
.slick-arrow:before {
|
|
color: $grey500;
|
|
}
|
|
|
|
// ==============================|| LIGHT BOX ||============================== //
|
|
.fullscreen .react-images__blanket {
|
|
z-index: 1200;
|
|
}
|
|
|
|
// ==============================|| APEXCHART ||============================== //
|
|
|
|
.apexcharts-legend-series .apexcharts-legend-marker {
|
|
margin-right: 8px;
|
|
}
|
|
|
|
// ==============================|| PERFECT SCROLLBAR ||============================== //
|
|
|
|
.scrollbar-container {
|
|
.ps__rail-y {
|
|
&:hover > .ps__thumb-y,
|
|
&:focus > .ps__thumb-y,
|
|
&.ps--clicking .ps__thumb-y {
|
|
background-color: $grey500;
|
|
width: 5px;
|
|
}
|
|
}
|
|
.ps__thumb-y {
|
|
background-color: $grey500;
|
|
border-radius: 6px;
|
|
width: 5px;
|
|
right: 0;
|
|
}
|
|
}
|
|
|
|
.scrollbar-container.ps,
|
|
.scrollbar-container > .ps {
|
|
&.ps--active-y > .ps__rail-y {
|
|
width: 5px;
|
|
background-color: transparent !important;
|
|
z-index: 999;
|
|
&:hover,
|
|
&.ps--clicking {
|
|
width: 5px;
|
|
background-color: transparent;
|
|
}
|
|
}
|
|
&.ps--scrolling-y > .ps__rail-y,
|
|
&.ps--scrolling-x > .ps__rail-x {
|
|
opacity: 0.4;
|
|
background-color: transparent;
|
|
}
|
|
}
|
|
|
|
// ==============================|| ANIMATION KEYFRAMES ||============================== //
|
|
|
|
@keyframes wings {
|
|
50% {
|
|
transform: translateY(-40px);
|
|
}
|
|
100% {
|
|
transform: translateY(0px);
|
|
}
|
|
}
|
|
|
|
@keyframes blink {
|
|
50% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@keyframes bounce {
|
|
0%,
|
|
20%,
|
|
53%,
|
|
to {
|
|
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
transform: translateZ(0);
|
|
}
|
|
40%,
|
|
43% {
|
|
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
|
transform: translate3d(0, -5px, 0);
|
|
}
|
|
70% {
|
|
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
|
transform: translate3d(0, -7px, 0);
|
|
}
|
|
80% {
|
|
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
transform: translateZ(0);
|
|
}
|
|
90% {
|
|
transform: translate3d(0, -2px, 0);
|
|
}
|
|
}
|
|
|
|
@keyframes slideY {
|
|
0%,
|
|
50%,
|
|
100% {
|
|
transform: translateY(0px);
|
|
}
|
|
25% {
|
|
transform: translateY(-10px);
|
|
}
|
|
75% {
|
|
transform: translateY(10px);
|
|
}
|
|
}
|
|
|
|
@keyframes slideX {
|
|
0%,
|
|
50%,
|
|
100% {
|
|
transform: translateX(0px);
|
|
}
|
|
25% {
|
|
transform: translateX(-10px);
|
|
}
|
|
75% {
|
|
transform: translateX(10px);
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*2022.04.25 박소영 추가*/
|
|
*{
|
|
font-family: 'Noto Sans KR' !important;
|
|
}
|
|
// modal 클릭 시 그 외에 화면 어둡게 설정
|
|
.css-79ws1d-MuiModal-root {
|
|
position: fixed;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: rgba(0,0,0,0.7);
|
|
position: absolute;
|
|
}
|
|
// 전체적인 버튼 높이 통일
|
|
.css-1kmsfjc-MuiButtonBase-root-MuiButton-root{
|
|
height:37px;
|
|
}
|
|
.css-a5rdam-MuiGrid-root{
|
|
align-items:center;
|
|
}
|
|
.css-13i4rnv-MuiGrid-root>.css-9m7a0r-MuiTypography-root{
|
|
border:1px solid red;
|
|
margin:0px;
|
|
padding:0px;
|
|
color:#bdc8f0 !important;
|
|
}
|
|
|
|
//MuiPaper-root 해당 배경 디자인 변경
|
|
.css-7uac63-MuiPaper-root-MuiCard-root{
|
|
border: 1px solid pink;
|
|
background-color: #1a223f;
|
|
border: none;
|
|
margin-top: -22px;
|
|
|
|
}
|
|
/*
|
|
.css-7uac63-MuiPaper-root-MuiCard-root {
|
|
background-color: #212946;
|
|
color: #bdc8f0;
|
|
transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
|
|
border-radius: 4px;
|
|
box-shadow: none;
|
|
background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
|
|
background-image: none;
|
|
border-radius: 4px;
|
|
overflow: hidden;
|
|
border: 1px solid;
|
|
border-color: #111936;
|
|
}*/
|
|
|
|
|
|
|
|
//심의목록 텍스트 칸 배경설정
|
|
//클릭했을 때 파란 선이 텍스트 위로 설정되어 눈에 거슬림
|
|
.css-1kuwsse-MuiFormLabel-root-MuiInputLabel-root{
|
|
background: #1a223f;
|
|
}
|
|
// 심의목록 모달창 셀렉터 박스 수정_01
|
|
.MuiOutlinedInput-root>.MuiSelect-select{
|
|
padding:10px 10px 10px 14px;
|
|
}
|
|
//심의목록 모달창 셀렉터 박스 수정_02
|
|
.css-1ikyx9c-MuiFormLabel-root-MuiInputLabel-root.Mui-focused{
|
|
background-color:#212946;
|
|
}
|
|
//심의목록 모달창 조회버튼 수정
|
|
.MuiGrid-root>.css-1uxpv00-MuiGrid-root{
|
|
margin: 0px;
|
|
position: absolute;
|
|
right: 35px;
|
|
}
|
|
// 심의 등록 체크할 때 3행과 22건 겹치길래 수정
|
|
.MuiGrid-root > .css-9m7a0r-MuiTypography-root{
|
|
border: 1px solid #535353;
|
|
border-width: 0px 1px 0px 0px;
|
|
margin: -2px 80px 0px 0px;
|
|
padding-right: 20px;
|
|
color: #35a6ff !important;
|
|
}
|
|
|
|
//심의목록 모달창 스크롤 헤더 폰트 흐림문제 수정
|
|
.css-lzdpoz-MuiPaper-root{
|
|
border: 1px solid #525a73;
|
|
overflow: initial;
|
|
border-width: 0px 0px 2px 2px;
|
|
}
|
|
.css-1uigskc-MuiTableCell-root{
|
|
border: 1px solid #525a73;
|
|
border-width: 5px 1px 1px 0px;
|
|
padding: 8px;
|
|
position: sticky;
|
|
top:-2px;
|
|
}
|
|
.css-t78vwc-MuiTableCell-root.MuiTableCell-body {
|
|
border-right: 1px solid #525a73 !important;
|
|
padding: 8px;
|
|
}
|
|
//심의목록 셀렉터 우측으로 정렬
|
|
.MuiGrid-root>.css-1odrivk-MuiGrid-root{
|
|
border:0px solid red;
|
|
margin-right: 330px;
|
|
}
|
|
|
|
|
|
|
|
|
|
// 모달창 파일업로드칸 높이 수정
|
|
.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;
|
|
}
|
|
//이미지 다운로드 칸 수정
|
|
.image_Down{
|
|
max-width:45%;
|
|
border:0px solid red;
|
|
}
|
|
// 공지사항 변경 모달창 파일업로드 따로 선언하여 수정
|
|
.n_upload{
|
|
border:0px solid red;
|
|
/*margin-left: -25px;*/
|
|
}
|
|
// 모달창 해당파일 이름 칸 세부 수정
|
|
.css-6dzwqk-MuiGrid-root {
|
|
border: 0px solid yellow;
|
|
padding-left: 9px !important;
|
|
}
|
|
|
|
|
|
|
|
|
|
//자료관리> (모달창) 거주자 의견진술 자료 상세
|
|
.css-1404n7d-MuiGrid-root>.css-qwp29v-MuiGrid-root{
|
|
border:0px solid red;
|
|
margin-left: 0px;
|
|
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;
|
|
padding-right: 11px;
|
|
height: 22px;
|
|
margin-top: 8px;
|
|
margin-right: 15px;
|
|
}
|
|
.fix_address{
|
|
border: 1px solid pink;
|
|
margin: 0px !important;
|
|
}
|
|
|
|
.marginNone>*{
|
|
margin-right:0px !important;
|
|
border:0px solid red;
|
|
}
|
|
|
|
.colored-toast {
|
|
z-index: 9999999999;
|
|
}
|
|
|
|
.colored-toast.swal2-icon-error {
|
|
background-color: #f27474 !important;
|
|
}
|
|
|
|
.colored-toast.swal2-icon-warning {
|
|
background-color: #f8bb86 !important;
|
|
}
|
|
|
|
.colored-toast.swal2-icon-info {
|
|
background-color: #3fc3ee !important;
|
|
}
|
|
|
|
.colored-toast.swal2-icon-question {
|
|
background-color: #87adbd !important;
|
|
}
|
|
|
|
.colored-toast .swal2-title {
|
|
color: white;
|
|
}
|
|
|
|
.colored-toast .swal2-close {
|
|
color: white;
|
|
}
|
|
|
|
.colored-toast .swal2-html-container {
|
|
color: white;
|
|
} |