최정임
2023-04-21
230421 최정임 달력 등 css 세세 조정
@18759722c071535ba0333400213c4ab0129e247b
--- client/resources/css/main.css
+++ client/resources/css/main.css
... | ... | @@ -425,6 +425,7 @@ |
| 425 | 425 |
height: 17vh; |
| 426 | 426 |
} |
| 427 | 427 |
.main-grid-guardian > div:nth-child(3) ul{height: 6rem;}
|
| 428 |
+.main-grid-guardian .statistics-guardian:nth-child(4) li{padding: 7.5rem 3rem;}
|
|
| 428 | 429 |
.statistics-guardian li {
|
| 429 | 430 |
padding: 1rem 3rem; |
| 430 | 431 |
background: #ffffff; |
--- client/resources/css/responsive.css
+++ client/resources/css/responsive.css
... | ... | @@ -90,7 +90,7 @@ |
| 90 | 90 |
display: flex !important; |
| 91 | 91 |
} |
| 92 | 92 |
.agency-calendar .react-calendar__month-view__days__day {
|
| 93 |
- flex: 0 0 12.5% !important; |
|
| 93 |
+ flex: 0 0 14.2% !important; |
|
| 94 | 94 |
} |
| 95 | 95 |
.agency-calendar .react-calendar__month-view__days {
|
| 96 | 96 |
flex-wrap: wrap !important; |
... | ... | @@ -305,7 +305,7 @@ |
| 305 | 305 |
display: flex !important; |
| 306 | 306 |
} |
| 307 | 307 |
.agency-calendar .react-calendar__month-view__days__day {
|
| 308 |
- flex: 0 0 12.5% !important; |
|
| 308 |
+ flex: 0 0 14.2% !important; |
|
| 309 | 309 |
} |
| 310 | 310 |
.agency-calendar .react-calendar__month-view__days {
|
| 311 | 311 |
flex-wrap: wrap !important; |
... | ... | @@ -559,7 +559,7 @@ |
| 559 | 559 |
display: flex !important; |
| 560 | 560 |
} |
| 561 | 561 |
.agency-calendar .react-calendar__month-view__days__day {
|
| 562 |
- flex: 0 0 12.5% !important; |
|
| 562 |
+ flex: 0 0 14.2% !important; |
|
| 563 | 563 |
} |
| 564 | 564 |
.agency-calendar .react-calendar__month-view__days {
|
| 565 | 565 |
flex-wrap: wrap !important; |
... | ... | @@ -619,7 +619,7 @@ |
| 619 | 619 |
margin-top: 2rem; |
| 620 | 620 |
} |
| 621 | 621 |
.main-grid-guardian > div:nth-child(4) {
|
| 622 |
- height: 50vh; |
|
| 622 |
+ height: 69vh; |
|
| 623 | 623 |
} |
| 624 | 624 |
.main-grid-guardian > div:nth-child(3) {
|
| 625 | 625 |
height: 39vh; |
... | ... | @@ -769,18 +769,22 @@ |
| 769 | 769 |
.search-management {
|
| 770 | 770 |
justify-content: space-between; |
| 771 | 771 |
gap: 1rem; |
| 772 |
+ display: block; |
|
| 773 |
+ margin-bottom: 0.5rem; |
|
| 774 |
+ text-align: center; |
|
| 772 | 775 |
} |
| 773 | 776 |
|
| 774 | 777 |
.search-management select {
|
| 775 |
- width: -webkit-fill-available; |
|
| 776 |
- margin: 0; |
|
| 778 |
+ max-width: -webkit-fill-available !important; |
|
| 779 |
+ margin-bottom: 0.5rem; |
|
| 777 | 780 |
} |
| 778 | 781 |
.search-management button {
|
| 779 | 782 |
width: -webkit-fill-available; |
| 783 |
+ |
|
| 780 | 784 |
} |
| 781 | 785 |
.search-management input {
|
| 782 | 786 |
width: 100%; |
| 783 |
- margin: 0; |
|
| 787 |
+ margin-bottom: 0.5rem; |
|
| 784 | 788 |
} |
| 785 | 789 |
|
| 786 | 790 |
.searchselect-wrap {
|
... | ... | @@ -1080,6 +1084,7 @@ |
| 1080 | 1084 |
} |
| 1081 | 1085 |
/* 위험 기준 관리 */ |
| 1082 | 1086 |
/* 기관 등록 */ |
| 1087 |
+ .agency-insert input{width: -webkit-fill-available;}
|
|
| 1083 | 1088 |
.modal-main .agency-insert td {
|
| 1084 | 1089 |
padding: 0.5rem; |
| 1085 | 1090 |
} |
... | ... | @@ -1139,17 +1144,18 @@ |
| 1139 | 1144 |
} |
| 1140 | 1145 |
.protector-user th{display: none;}
|
| 1141 | 1146 |
.protector-user tbody tr{background-color: #f2f0eb; border-radius: 5px; padding: 0.5rem; margin-bottom: 1rem;}
|
| 1142 |
- .protector-user td{text-align: right; position: relative; padding-left: 50%; min-height: 3rem; border-bottom: 1px solid #f2f0eb; background-color: #ffffff;}
|
|
| 1147 |
+ .protector-user td{text-align: right; position: relative; min-height: 3rem; border-bottom: 1px solid #f2f0eb; background-color: #ffffff; display: flex;}
|
|
| 1143 | 1148 |
/* .protector-user td:nth-child(odd){background-color: #ffffff;} */
|
| 1144 | 1149 |
.protector-user td::before{
|
| 1145 | 1150 |
content: attr(data-label); |
| 1146 |
- position: absolute; |
|
| 1151 |
+ /* position: absolute; */ |
|
| 1147 | 1152 |
left: 0; |
| 1148 |
- width: 34%; |
|
| 1153 |
+ width: fit-content; |
|
| 1149 | 1154 |
text-align: left; |
| 1150 | 1155 |
border-left: 8px solid #d8d3c7; |
| 1151 | 1156 |
padding-left: 1rem; |
| 1152 | 1157 |
margin-left: 1rem; |
| 1158 |
+ flex-grow: 1; |
|
| 1153 | 1159 |
} |
| 1154 | 1160 |
|
| 1155 | 1161 |
.join-group h3{margin-bottom: 3rem;}
|
... | ... | @@ -1170,6 +1176,10 @@ |
| 1170 | 1176 |
border-radius: 5px; margin-bottom: 0.5rem;} |
| 1171 | 1177 |
.agency-visitlist .btn-wrap{margin-top: 0;}
|
| 1172 | 1178 |
|
| 1179 |
+ |
|
| 1180 |
+ .main-grid-guardian .statistics-guardian:nth-child(4) li{padding: 0;}
|
|
| 1181 |
+ .main-grid-guardian .statistics-guardian:nth-child(2) > ul > li{height: 23vh;}
|
|
| 1182 |
+ .statistics-grid ul:nth-child(2) li:nth-child(2) > div{height: 32vh !important;}
|
|
| 1173 | 1183 |
} |
| 1174 | 1184 |
|
| 1175 | 1185 |
|
Add a comment
Delete comment
Once you delete this comment, you won't be able to recover it. Are you sure you want to delete this comment?