최정임
2023-03-10
230210 최정임 반응형 수정
@d9a92382a2c813a6e1e2873bc596507cf5730e65
--- client/resources/css/main.css
+++ client/resources/css/main.css
... | ... | @@ -86,9 +86,10 @@ |
| 86 | 86 |
.risk-table input {
|
| 87 | 87 |
width: 100%; |
| 88 | 88 |
} |
| 89 |
- |
|
| 89 |
+.risk-table thead{display: none;}
|
|
| 90 | 90 |
.risk-table select {
|
| 91 | 91 |
width: 100%; |
| 92 |
+ height: 3.7rem; |
|
| 92 | 93 |
} |
| 93 | 94 |
|
| 94 | 95 |
/* 문진표 */ |
... | ... | @@ -286,13 +287,14 @@ |
| 286 | 287 |
border-radius: 20px; |
| 287 | 288 |
margin: 0 auto; |
| 288 | 289 |
position: relative; |
| 290 |
+ text-align: center; |
|
| 289 | 291 |
} |
| 290 | 292 |
.medicine-title{
|
| 291 |
- position: absolute; |
|
| 292 |
- right: -13px; |
|
| 293 |
- top: 78px; |
|
| 294 | 293 |
font-weight: bold; |
| 295 | 294 |
font-size: 1.5rem; |
| 295 |
+ position: absolute; |
|
| 296 |
+ top: 87px; |
|
| 297 |
+ left: 22px; |
|
| 296 | 298 |
} |
| 297 | 299 |
.chart-guardian {
|
| 298 | 300 |
height: 70%; |
... | ... | @@ -474,7 +476,6 @@ |
| 474 | 476 |
.react-calendar {
|
| 475 | 477 |
width: 100%; |
| 476 | 478 |
border: none; |
| 477 |
- height: 54vh; |
|
| 478 | 479 |
} |
| 479 | 480 |
|
| 480 | 481 |
.react-calendar__month-view__days {
|
... | ... | @@ -482,7 +483,7 @@ |
| 482 | 483 |
} |
| 483 | 484 |
|
| 484 | 485 |
.react-calendar__month-view__days button {
|
| 485 |
- padding: 2.5rem; |
|
| 486 |
+ padding: 3.2rem 0; |
|
| 486 | 487 |
border: 1px solid #fdede8; |
| 487 | 488 |
border-radius: 0; |
| 488 | 489 |
} |
... | ... | @@ -501,11 +502,14 @@ |
| 501 | 502 |
/* 보호자 복약 */ |
| 502 | 503 |
.guardian-medicine ul li {
|
| 503 | 504 |
position: relative; |
| 505 |
+ text-align: center; |
|
| 504 | 506 |
} |
| 505 | 507 |
|
| 506 | 508 |
.guardian-medicine ul li img {
|
| 507 | 509 |
position: absolute; |
| 508 | 510 |
display: none; |
| 511 |
+ margin-right: 0; |
|
| 512 |
+ left: 0; |
|
| 509 | 513 |
} |
| 510 | 514 |
|
| 511 | 515 |
.guardian-medicine ul li img.show {
|
... | ... | @@ -735,7 +739,7 @@ |
| 735 | 739 |
} |
| 736 | 740 |
|
| 737 | 741 |
.detail-search table th {
|
| 738 |
- width: 20%; |
|
| 742 |
+ width: 15%; |
|
| 739 | 743 |
} |
| 740 | 744 |
|
| 741 | 745 |
.detail-search table td {
|
... | ... | @@ -865,24 +869,9 @@ |
| 865 | 869 |
.medicine {
|
| 866 | 870 |
height: 100px; |
| 867 | 871 |
} |
| 868 |
- |
|
| 869 |
-.senior-insert label {
|
|
| 870 |
- padding: 0 0rem 0 1rem; |
|
| 871 |
- width: 5rem; |
|
| 872 |
-} |
|
| 873 |
- |
|
| 874 |
-.senior-insert select {
|
|
| 875 |
- padding: 1rem; |
|
| 876 |
-} |
|
| 877 |
- |
|
| 878 |
-.senior-insert tr:nth-child(2) .gender {
|
|
| 879 |
- padding: 2rem 1rem; |
|
| 880 |
-} |
|
| 881 |
- |
|
| 882 |
-#section {
|
|
| 883 |
- width: 100%; |
|
| 884 |
-} |
|
| 885 |
- |
|
| 872 |
+.senior-insert .gender{padding-left: 2rem;}
|
|
| 873 |
+.medicationTime-td input{width: 2rem;}
|
|
| 874 |
+.medicationTime-td label{}
|
|
| 886 | 875 |
/* 노인 상세 정보 */ |
| 887 | 876 |
.senior-detail{border-top: 2px solid #cccccc; border-bottom: 1px solid #cccccc;}
|
| 888 | 877 |
.senior-detail tr{height: 4rem; border-bottom: 1px solid #f4f4f2;}
|
... | ... | @@ -1076,8 +1065,11 @@ |
| 1076 | 1065 |
|
| 1077 | 1066 |
.modal-main {
|
| 1078 | 1067 |
padding: 2rem; |
| 1068 |
+ -webkit-overflow-scrolling: touch; |
|
| 1069 |
+ overflow: hidden; |
|
| 1070 |
+ overflow-y: auto; |
|
| 1079 | 1071 |
} |
| 1080 |
- |
|
| 1072 |
+.modal-main .board-wrap{}
|
|
| 1081 | 1073 |
.modal-main table {
|
| 1082 | 1074 |
border: 1px solid #d8d3c7; |
| 1083 | 1075 |
} |
... | ... | @@ -1134,13 +1126,11 @@ |
| 1134 | 1126 |
} |
| 1135 | 1127 |
|
| 1136 | 1128 |
.search-management select {
|
| 1137 |
- width: 15%; |
|
| 1138 | 1129 |
height: 3.6rem; |
| 1139 | 1130 |
margin-right: 1rem; |
| 1140 | 1131 |
} |
| 1141 | 1132 |
|
| 1142 | 1133 |
.search-management input {
|
| 1143 |
- width: 20%; |
|
| 1144 | 1134 |
height: 3.6rem; |
| 1145 | 1135 |
margin-right: 1rem; |
| 1146 | 1136 |
} |
... | ... | @@ -1150,18 +1140,7 @@ |
| 1150 | 1140 |
} |
| 1151 | 1141 |
|
| 1152 | 1142 |
/* 권한 설정 */ |
| 1153 |
-.authority-table-mobile {
|
|
| 1154 |
- display: none; |
|
| 1155 |
-} |
|
| 1156 | 1143 |
|
| 1157 |
-.authority-table-pc th, |
|
| 1158 |
-.authority-table-pc td {
|
|
| 1159 |
- padding: 1.5rem; |
|
| 1160 |
-} |
|
| 1161 |
- |
|
| 1162 |
-.authority-table-pc td:last-child {
|
|
| 1163 |
- padding: 0; |
|
| 1164 |
-} |
|
| 1165 | 1144 |
|
| 1166 | 1145 |
@keyframes modal-show {
|
| 1167 | 1146 |
from {
|
... | ... | @@ -1183,10 +1162,6 @@ |
| 1183 | 1162 |
to {
|
| 1184 | 1163 |
opacity: 1; |
| 1185 | 1164 |
} |
| 1186 |
-} |
|
| 1187 |
- |
|
| 1188 |
-.mobile {
|
|
| 1189 |
- display: none; |
|
| 1190 | 1165 |
} |
| 1191 | 1166 |
|
| 1192 | 1167 |
/* -------------- 페이징 버튼 색상 적용 ----------------- */ |
--- client/resources/css/responsive.css
+++ client/resources/css/responsive.css
... | ... | @@ -13,9 +13,16 @@ |
| 13 | 13 |
display: none; |
| 14 | 14 |
} |
| 15 | 15 |
.ittLqr{font-size: 1.3rem !important;}
|
| 16 |
+ .page-title-span{
|
|
| 17 |
+ font-size: 2rem; |
|
| 18 |
+ position: absolute; |
|
| 19 |
+ right: 0; |
|
| 20 |
+ top: 3.3rem; |
|
| 21 |
+ margin-right: 6rem;} |
|
| 16 | 22 |
/* 공통 */ |
| 23 |
+ #root, #App{height: fit-content;}
|
|
| 17 | 24 |
#layout{display: block;}
|
| 18 |
- #pages{padding: 0; padding-top: 8rem; background-color: #ffffff;}
|
|
| 25 |
+ #pages{padding: 0; padding-top: 8rem; }
|
|
| 19 | 26 |
main{padding: 3rem 1rem 2rem 1rem;}
|
| 20 | 27 |
header {
|
| 21 | 28 |
padding: 1rem; |
... | ... | @@ -37,8 +44,7 @@ |
| 37 | 44 |
transition: 0.5s; |
| 38 | 45 |
} |
| 39 | 46 |
.bottom-section{padding: 0.9rem ; bottom: 6rem;}
|
| 40 |
- .content-wrap{padding: 1rem; }
|
|
| 41 |
- th,td,tr{display: block;}
|
|
| 47 |
+ .content-wrap{padding: 1rem; }
|
|
| 42 | 48 |
.logo img{width: 27rem;}
|
| 43 | 49 |
nav .logo{display: none;}
|
| 44 | 50 |
/* 올잇메디 메인 */ |
... | ... | @@ -53,25 +59,30 @@ |
| 53 | 59 |
.tab-menu-agency li{padding: 1rem;}
|
| 54 | 60 |
/* 지자체 메인 */ |
| 55 | 61 |
.main-grid-government{display: block;}
|
| 62 |
+ .main-grid-government #Donut1{height: 32vh;}
|
|
| 63 |
+ .main-grid-government .content-box:nth-child(8), .main-grid-government .content-box:nth-child(6){height: 39rem;}
|
|
| 64 |
+ #RowChart>div{height: 36rem;}
|
|
| 56 | 65 |
.main-grid-government .content-box{margin-bottom: 0rem;}
|
| 66 |
+ .main-grid-government > .content-box{margin-bottom: 1rem;}
|
|
| 57 | 67 |
.statistics-govern{margin-bottom: 0; display: block;}
|
| 58 |
- .sub-grid-government{ grid-template-columns: 1fr 1fr ;}
|
|
| 59 |
- .main-grid-government div:nth-child(3){height: 42rem;}
|
|
| 60 |
- .main-grid-government div:nth-child(5){height: 42rem;}
|
|
| 68 |
+ .sub-grid-government{ grid-template-columns: 1fr 1fr ; margin-bottom: 1rem;}
|
|
| 69 |
+ .main-grid-government div:nth-child(3){height: 52rem;}
|
|
| 70 |
+ .main-grid-government div:nth-child(5){height: 36rem;}
|
|
| 61 | 71 |
/* 보호자 메인 */ |
| 62 |
- .main-guardian img{width: 3rem;}
|
|
| 72 |
+ .main-guardian .react-calendar{height: auto !important;}
|
|
| 63 | 73 |
.main-grid-guardian{display: block; padding: 0 1rem;}
|
| 64 | 74 |
.main-grid-guardian #fullDate{display: block;}
|
| 65 |
- .guardian-img{width: 2rem;}
|
|
| 66 |
- .battery{display: none;}
|
|
| 67 |
- .battery-mobile{display: block;}
|
|
| 75 |
+ .main-grid-guardian > div:nth-child(4) {height: 45vh;}
|
|
| 76 |
+ .main-grid-guardian > div:nth-child(3) {height: 33vh;}
|
|
| 77 |
+ .main-grid-guardian > div:nth-child(2) {height: 26vh;}
|
|
| 78 |
+ .battery{display: block;}
|
|
| 79 |
+ .battery-mobile{display: none;}
|
|
| 68 | 80 |
.statistics-guardian li{padding: 1rem; }
|
| 69 | 81 |
.smallbox{box-shadow: 1px 1px 9px 3px rgb(0 0 0 / 11%);}
|
| 70 |
- .guardian-medicine{height: 28vh;}
|
|
| 71 | 82 |
.guardian-medicine ul li img{left: -23px;}
|
| 72 | 83 |
.medicine-title{
|
| 73 |
- right: -9px; |
|
| 74 | 84 |
top: 96px; |
| 85 |
+ left: -3px; |
|
| 75 | 86 |
width: 3rem;} |
| 76 | 87 |
.react-calendar__month-view__days button{padding: 1rem;}
|
| 77 | 88 |
.pink{background-color: #fdeeea;}
|
... | ... | @@ -88,367 +99,6 @@ |
| 88 | 99 |
.statistics-grid .statistics-guardian li p:nth-child(1){margin-right: 1rem;}
|
| 89 | 100 |
.statistics-grid .statistics-guardian li:nth-child(1) p:nth-child(2){width: 100%;}
|
| 90 | 101 |
.statistics-grid .statistics-guardian li:nth-child(1) p:nth-child(3){display: none;}
|
| 91 |
- /* Q&A */ |
|
| 92 |
- .question-select select{width: 22%;}
|
|
| 93 |
- /* 권한관리 */ |
|
| 94 |
- .authority-table-pc {
|
|
| 95 |
- display: none; |
|
| 96 |
- } |
|
| 97 |
- |
|
| 98 |
- .authority-table-mobile thead tr:nth-child(1) {
|
|
| 99 |
- display: flex; |
|
| 100 |
- } |
|
| 101 |
- |
|
| 102 |
- .authority-table-mobile thead tr:nth-child(1)>div {
|
|
| 103 |
- font-size: 1.6rem; |
|
| 104 |
- width: 100%; |
|
| 105 |
- } |
|
| 106 |
- |
|
| 107 |
- .authority-table-mobile select {
|
|
| 108 |
- margin: 1rem 0; |
|
| 109 |
- } |
|
| 110 |
- |
|
| 111 |
- .authority-table-mobile {
|
|
| 112 |
- display: block; |
|
| 113 |
- } |
|
| 114 |
- |
|
| 115 |
- .authority-table-mobile thead {
|
|
| 116 |
- display: inline-table; |
|
| 117 |
- width: 100%; |
|
| 118 |
- } |
|
| 119 |
- |
|
| 120 |
- .authority-table-mobile tr, |
|
| 121 |
- .authority-table-mobile td {
|
|
| 122 |
- display: revert; |
|
| 123 |
- } |
|
| 124 |
- |
|
| 125 |
- .authority-table-mobile tr {
|
|
| 126 |
- width: 100%; |
|
| 127 |
- } |
|
| 128 |
- |
|
| 129 |
- .authority-table-mobile tr:nth-child(2) th:nth-child(1) {
|
|
| 130 |
- width: 50%; |
|
| 131 |
- } |
|
| 132 |
- |
|
| 133 |
- .authority-table-mobile td {
|
|
| 134 |
- padding: 1rem; |
|
| 135 |
- width: 10%; |
|
| 136 |
- } |
|
| 137 |
- |
|
| 138 |
- .authority-table-mobile tbody td input {
|
|
| 139 |
- margin-right: 1rem; |
|
| 140 |
- } |
|
| 141 |
- |
|
| 142 |
- .authority-table-mobile tbody td label {}
|
|
| 143 |
- |
|
| 144 |
- .authority-table-mobile th {
|
|
| 145 |
- width: 50%; |
|
| 146 |
- } |
|
| 147 |
- |
|
| 148 |
- /* 사용자관리 */ |
|
| 149 |
- .senior-search{width: 39% !important;}
|
|
| 150 |
- .searchselect label{margin-right: 2rem;}
|
|
| 151 |
- .protector-user{margin-top: 2rem;}
|
|
| 152 |
- .userauthoriylist{display: block;}
|
|
| 153 |
- .userauthoriylist .left, .userauthoriylist .right {
|
|
| 154 |
- width: 100% ; |
|
| 155 |
-} |
|
| 156 |
-.userauthoriylist .right{margin-top: 2rem;}
|
|
| 157 |
-.tab-menu {display: block;}
|
|
| 158 |
-.tab-menu li{display: -webkit-inline-flex;}
|
|
| 159 |
-.userlist{padding: 1rem !important;}
|
|
| 160 |
- .search-management {
|
|
| 161 |
- justify-content: space-between; |
|
| 162 |
- gap: 1rem; |
|
| 163 |
- } |
|
| 164 |
- .search-management button{width: 20%;}
|
|
| 165 |
- .search-management select {
|
|
| 166 |
- width: 35%; |
|
| 167 |
- margin: 0; |
|
| 168 |
- } |
|
| 169 |
- |
|
| 170 |
- .search-management input {
|
|
| 171 |
- width: 100%;margin: 0; |
|
| 172 |
- } |
|
| 173 |
- |
|
| 174 |
- .searchselect-wrap{display: block;}
|
|
| 175 |
- .searchselect{width: max-content;}
|
|
| 176 |
- .page-title-span{display: block;
|
|
| 177 |
- width: 14rem; |
|
| 178 |
- position: absolute; |
|
| 179 |
- right: 0; top: 3.2rem; color: #827e7e; font-size: 2rem;} |
|
| 180 |
- |
|
| 181 |
- /* button */ |
|
| 182 |
- |
|
| 183 |
- .btn-large {
|
|
| 184 |
- font-size: 1.4rem; |
|
| 185 |
- } |
|
| 186 |
- |
|
| 187 |
- /* 로그인 */ |
|
| 188 |
- .login-wrap h1 {
|
|
| 189 |
- font-size: 1.8rem; |
|
| 190 |
- line-height: 1rem; |
|
| 191 |
- } |
|
| 192 |
- |
|
| 193 |
- .login-wrap h3 {
|
|
| 194 |
- margin: 20% 0 5% 0; |
|
| 195 |
- font-size: 2rem; |
|
| 196 |
- text-align: center; |
|
| 197 |
- } |
|
| 198 |
- |
|
| 199 |
- .login-form .login-inner .content {
|
|
| 200 |
- width: 80%; |
|
| 201 |
- margin: 1rem auto; |
|
| 202 |
- } |
|
| 203 |
- |
|
| 204 |
- .container {
|
|
| 205 |
- width: 100%; |
|
| 206 |
- margin: 0; |
|
| 207 |
- padding: 2rem; |
|
| 208 |
- } |
|
| 209 |
- |
|
| 210 |
- .container .btn-wrap {
|
|
| 211 |
- margin-top: 5rem; |
|
| 212 |
- } |
|
| 213 |
- |
|
| 214 |
- .container button {
|
|
| 215 |
- width: 30%; |
|
| 216 |
- } |
|
| 217 |
- |
|
| 218 |
- |
|
| 219 |
- /* 검색창 */ |
|
| 220 |
- .detail-search tbody select{margin-right: 1rem;}
|
|
| 221 |
- .area-wrap {
|
|
| 222 |
- display: none; |
|
| 223 |
- } |
|
| 224 |
- |
|
| 225 |
- .search-area {
|
|
| 226 |
- padding: 1rem; |
|
| 227 |
- } |
|
| 228 |
- |
|
| 229 |
- .detail-search table tr, |
|
| 230 |
- .detail-search table th, |
|
| 231 |
- .detail-search table td {
|
|
| 232 |
- display: block; |
|
| 233 |
- } |
|
| 234 |
- |
|
| 235 |
- .detail-search table th {
|
|
| 236 |
- width: 100%; |
|
| 237 |
- margin: 1rem 0; |
|
| 238 |
- } |
|
| 239 |
- |
|
| 240 |
- .detail-search table td::before {
|
|
| 241 |
- display: none; |
|
| 242 |
- } |
|
| 243 |
- |
|
| 244 |
- .detail-search table tr {
|
|
| 245 |
- border: 0; |
|
| 246 |
- } |
|
| 247 |
- |
|
| 248 |
- .detail-search table td {
|
|
| 249 |
- padding: 0; |
|
| 250 |
- border: 0; |
|
| 251 |
- } |
|
| 252 |
- |
|
| 253 |
- .detail-search tbody tr:nth-of-type(3) td {
|
|
| 254 |
- width: 50%; |
|
| 255 |
- display: flex; |
|
| 256 |
- } |
|
| 257 |
- |
|
| 258 |
- .detail-search tbody tr:nth-of-type(3) th:nth-child(3) {
|
|
| 259 |
- width: 100%; |
|
| 260 |
- } |
|
| 261 |
- |
|
| 262 |
- /* 시니어 정보 상세 조회 */ |
|
| 263 |
- .senior-detail th, |
|
| 264 |
- .senior-detail td {
|
|
| 265 |
- display: block; |
|
| 266 |
- } |
|
| 267 |
- |
|
| 268 |
- .senior-detail th {
|
|
| 269 |
- font-size: 1.2rem; |
|
| 270 |
- width: 100%; |
|
| 271 |
- } |
|
| 272 |
- |
|
| 273 |
- .senior-detail td {
|
|
| 274 |
- width: 100%; |
|
| 275 |
- font-size: 1.2rem; |
|
| 276 |
- } |
|
| 277 |
- |
|
| 278 |
- .senior-detail td span {
|
|
| 279 |
- width: 100%; |
|
| 280 |
- font-size: 1.2rem; |
|
| 281 |
- text-align: center; |
|
| 282 |
- } |
|
| 283 |
- |
|
| 284 |
- /* 시니어 등록창 */ |
|
| 285 |
- .senior-insert {
|
|
| 286 |
- display: grid; |
|
| 287 |
- } |
|
| 288 |
- |
|
| 289 |
- .senior-insert th {
|
|
| 290 |
- font-size: 1.4rem; |
|
| 291 |
- width: 50%; |
|
| 292 |
- padding: 1rem 10rem; |
|
| 293 |
- } |
|
| 294 |
- |
|
| 295 |
- .senior-insert td {
|
|
| 296 |
- display: list-item; |
|
| 297 |
- padding-top: 1rem; |
|
| 298 |
- } |
|
| 299 |
- |
|
| 300 |
- .senior-insert select {
|
|
| 301 |
- width: 100%; |
|
| 302 |
- } |
|
| 303 |
- |
|
| 304 |
- .senior-insert input {
|
|
| 305 |
- width: 100%; |
|
| 306 |
- } |
|
| 307 |
- |
|
| 308 |
- .senior-insert tr:nth-child(2) .gender {
|
|
| 309 |
- padding: 1rem 1rem; |
|
| 310 |
- display: flex; |
|
| 311 |
- flex: 0 0 25%; |
|
| 312 |
- } |
|
| 313 |
- |
|
| 314 |
- .senior-insert tr:nth-child(2) .gender input {
|
|
| 315 |
- width: 25%; |
|
| 316 |
- } |
|
| 317 |
- |
|
| 318 |
- .senior-insert td::marker {
|
|
| 319 |
- content: ""; |
|
| 320 |
- } |
|
| 321 |
- |
|
| 322 |
- /* 복약조회*/ |
|
| 323 |
- |
|
| 324 |
- /* 복약 상세페이지 */ |
|
| 325 |
- .medicine-detail-graph {
|
|
| 326 |
- display: block; |
|
| 327 |
- } |
|
| 328 |
- |
|
| 329 |
- /* 복약 수정 페이지 */ |
|
| 330 |
- .modal-main table th, |
|
| 331 |
- .modal-main table td {
|
|
| 332 |
- display: block; |
|
| 333 |
- } |
|
| 334 |
- |
|
| 335 |
- .modal-main table th {
|
|
| 336 |
- width: 100%; |
|
| 337 |
- } |
|
| 338 |
- |
|
| 339 |
- .modal-main table td {
|
|
| 340 |
- padding: 0.5rem 0 0 12rem; |
|
| 341 |
- } |
|
| 342 |
- |
|
| 343 |
- .medicine-revise tr {
|
|
| 344 |
- border: 0; |
|
| 345 |
- } |
|
| 346 |
- |
|
| 347 |
- .medicine-revise tr:nth-child(3)>td div, |
|
| 348 |
- .medicine-revise tr:nth-child(4)>td div, |
|
| 349 |
- .medicine-revise tr:nth-child(5)>td div {
|
|
| 350 |
- width: 50%; |
|
| 351 |
- } |
|
| 352 |
- |
|
| 353 |
- .medicine-revise tr:nth-child(3)>td div input, |
|
| 354 |
- .medicine-revise tr:nth-child(4)>td div input, |
|
| 355 |
- .medicine-revise tr:nth-child(5)>td div input {
|
|
| 356 |
- width: 20%; |
|
| 357 |
- } |
|
| 358 |
- |
|
| 359 |
- .medicine-revise tr:nth-child(3)>td div label, |
|
| 360 |
- .medicine-revise tr:nth-child(4)>td div label, |
|
| 361 |
- .medicine-revise tr:nth-child(5)>td div label {
|
|
| 362 |
- width: 50%; |
|
| 363 |
- } |
|
| 364 |
- |
|
| 365 |
- |
|
| 366 |
- /* 댁내 온도 조회 */ |
|
| 367 |
- |
|
| 368 |
- |
|
| 369 |
- /* 최근 일주일 댁내 온도(모달창) */ |
|
| 370 |
- .temperature-modal td:nth-of-type(1) {
|
|
| 371 |
- font-weight: 900; |
|
| 372 |
- padding: 1rem; |
|
| 373 |
- } |
|
| 374 |
- |
|
| 375 |
- .temperature-modal td:nth-of-type(2):before {
|
|
| 376 |
- content: "날짜"; |
|
| 377 |
- } |
|
| 378 |
- |
|
| 379 |
- .temperature-modal td:nth-of-type(3):before {
|
|
| 380 |
- content: "02:00"; |
|
| 381 |
- } |
|
| 382 |
- |
|
| 383 |
- .temperature-modal td:nth-of-type(4):before {
|
|
| 384 |
- content: "10:00"; |
|
| 385 |
- } |
|
| 386 |
- |
|
| 387 |
- .temperature-modal td:nth-of-type(5):before {
|
|
| 388 |
- content: "14:00"; |
|
| 389 |
- } |
|
| 390 |
- |
|
| 391 |
- .temperature-modal td:nth-of-type(6):before {
|
|
| 392 |
- content: "23:00"; |
|
| 393 |
- } |
|
| 394 |
- |
|
| 395 |
- /* 방문 조회 */ |
|
| 396 |
- |
|
| 397 |
- /* 방문 관리 상세 페이지 */ |
|
| 398 |
- .senior-detail tr:nth-of-type(6) td {
|
|
| 399 |
- display: flex; |
|
| 400 |
- justify-content: center; |
|
| 401 |
- } |
|
| 402 |
- |
|
| 403 |
- .senior-detail td {
|
|
| 404 |
- padding: 0; |
|
| 405 |
- } |
|
| 406 |
- |
|
| 407 |
- /* 방문 수정 페이지 */ |
|
| 408 |
- .visit-revise th {
|
|
| 409 |
- width: 40%; |
|
| 410 |
- font-size: 1.4rem; |
|
| 411 |
- } |
|
| 412 |
- |
|
| 413 |
- .visit-revise tr:nth-child(3) td {
|
|
| 414 |
- display: block; |
|
| 415 |
- } |
|
| 416 |
- |
|
| 417 |
- .visit-revise tr:nth-child(3) td>div {
|
|
| 418 |
- display: flex; |
|
| 419 |
- margin: 0.5rem 0; |
|
| 420 |
- } |
|
| 421 |
- |
|
| 422 |
- /* 방문 등록 */ |
|
| 423 |
- .user-list {
|
|
| 424 |
- display: none; |
|
| 425 |
- } |
|
| 426 |
- |
|
| 427 |
- .insert {
|
|
| 428 |
- display: block; |
|
| 429 |
- } |
|
| 430 |
- |
|
| 431 |
- .insert table tr:nth-child(6) td {
|
|
| 432 |
- display: block; |
|
| 433 |
- } |
|
| 434 |
- |
|
| 435 |
- .insert tr:nth-child(6) td>div {
|
|
| 436 |
- display: flex; |
|
| 437 |
- margin: 0.5rem 0; |
|
| 438 |
- } |
|
| 439 |
- |
|
| 440 |
- .insert tr:nth-child(6) td>div input {
|
|
| 441 |
- width: 50%; |
|
| 442 |
- } |
|
| 443 |
- |
|
| 444 |
- /* 장비조회 */ |
|
| 445 |
- .equip-tab{display: block;}
|
|
| 446 |
- /* 장비 상세 조회 */ |
|
| 447 |
- /* 장비등록창 */ |
|
| 448 |
- .equipment-modal tbody td {
|
|
| 449 |
- padding: 0.5rem; |
|
| 450 |
- } |
|
| 451 |
- |
|
| 452 | 102 |
} |
| 453 | 103 |
|
| 454 | 104 |
/* 모바일 가로, 테블릿 세로 (해상도 480px ~ 767px)*/ |
... | ... | @@ -463,10 +113,17 @@ |
| 463 | 113 |
.info-wrap {
|
| 464 | 114 |
display: none; |
| 465 | 115 |
} |
| 116 |
+ .page-title-span{
|
|
| 117 |
+ font-size: 2rem; |
|
| 118 |
+ position: absolute; |
|
| 119 |
+ right: 0; |
|
| 120 |
+ top: 3.3rem; |
|
| 121 |
+ margin-right: 6rem;} |
|
| 466 | 122 |
.ittLqr{font-size: 1.3rem !important;}
|
| 467 | 123 |
/* 공통 */ |
| 124 |
+ #root, #App{height: fit-content;}
|
|
| 468 | 125 |
#layout{display: block;}
|
| 469 |
- #pages{padding: 0; padding-top: 8rem; background-color: #ffffff;}
|
|
| 126 |
+ #pages{padding: 0; padding-top: 8rem; }
|
|
| 470 | 127 |
main{padding: 3rem 1rem 2rem 1rem;}
|
| 471 | 128 |
header {
|
| 472 | 129 |
padding: 1rem; |
... | ... | @@ -488,8 +145,7 @@ |
| 488 | 145 |
transition: 0.5s; |
| 489 | 146 |
} |
| 490 | 147 |
.bottom-section{padding: 0.9rem ; bottom: 6rem;}
|
| 491 |
- .content-wrap{padding: 1rem; }
|
|
| 492 |
- th,td,tr{display: block;}
|
|
| 148 |
+ .content-wrap{padding: 1rem; }
|
|
| 493 | 149 |
.logo img{width: 27rem;}
|
| 494 | 150 |
nav .logo{display: none;}
|
| 495 | 151 |
/* 올잇메디 메인 */ |
... | ... | @@ -504,27 +160,32 @@ |
| 504 | 160 |
.tab-menu-agency li{padding: 1rem;}
|
| 505 | 161 |
/* 지자체 메인 */ |
| 506 | 162 |
.main-grid-government{display: block;}
|
| 507 |
- .main-grid-government .content-box:nth-child(8), .main-grid-government .content-box:nth-child(6){height: 30rem;}
|
|
| 163 |
+ .main-grid-government #Donut1{height: 32vh;}
|
|
| 164 |
+ .main-grid-government .content-box:nth-child(8), .main-grid-government .content-box:nth-child(6){height: 39rem;}
|
|
| 508 | 165 |
#RowChart>div{height: 36rem;}
|
| 509 | 166 |
.main-grid-government .content-box{margin-bottom: 0rem;}
|
| 167 |
+ .main-grid-government > .content-box{margin-bottom: 1rem;}
|
|
| 510 | 168 |
.statistics-govern{margin-bottom: 0; display: block;}
|
| 511 |
- .sub-grid-government{ grid-template-columns: 1fr 1fr ;}
|
|
| 169 |
+ .sub-grid-government{ grid-template-columns: 1fr 1fr ; margin-bottom: 1rem;}
|
|
| 512 | 170 |
.main-grid-government div:nth-child(3){height: 52rem;}
|
| 513 |
- .main-grid-government div:nth-child(5){height: 52rem;}
|
|
| 171 |
+ .main-grid-government div:nth-child(5){height: 36rem;}
|
|
| 514 | 172 |
/* 보호자 메인 */ |
| 515 | 173 |
.main-guardian img{width: 3rem;}
|
| 174 |
+ .main-guardian .react-calendar{height: auto !important;}
|
|
| 516 | 175 |
.main-grid-guardian{display: block; padding: 0 1rem;}
|
| 517 | 176 |
.main-grid-guardian #fullDate{display: block;}
|
| 177 |
+ .main-grid-guardian > div:nth-child(4) {height: 45vh;}
|
|
| 178 |
+ .main-grid-guardian > div:nth-child(3) {height: 33vh;}
|
|
| 179 |
+ .main-grid-guardian > div:nth-child(2) {height: 26vh;}
|
|
| 518 | 180 |
.guardian-img{width: 2rem;}
|
| 519 | 181 |
.battery{display: none;}
|
| 520 | 182 |
.battery-mobile{display: block;}
|
| 521 | 183 |
.statistics-guardian li{padding: 1rem; }
|
| 522 | 184 |
.smallbox{box-shadow: 1px 1px 9px 3px rgb(0 0 0 / 11%);}
|
| 523 |
- .guardian-medicine{height: 28vh;}
|
|
| 524 | 185 |
.guardian-medicine ul li img{left: -23px;}
|
| 525 | 186 |
.medicine-title{
|
| 526 |
- right: -9px; |
|
| 527 | 187 |
top: 96px; |
| 188 |
+ left: -3px; |
|
| 528 | 189 |
width: 3rem;} |
| 529 | 190 |
.react-calendar__month-view__days button{padding: 1rem;}
|
| 530 | 191 |
.pink{background-color: #fdeeea;}
|
... | ... | @@ -541,367 +202,23 @@ |
| 541 | 202 |
.statistics-grid .statistics-guardian li p:nth-child(1){margin-right: 1rem;}
|
| 542 | 203 |
.statistics-grid .statistics-guardian li:nth-child(1) p:nth-child(2){width: 100%;}
|
| 543 | 204 |
.statistics-grid .statistics-guardian li:nth-child(1) p:nth-child(3){display: none;}
|
| 544 |
- /* Q&A */ |
|
| 545 |
- .question-select select{width: 22%;}
|
|
| 546 |
- /* 권한관리 */ |
|
| 547 |
- .authority-table-pc {
|
|
| 548 |
- display: none; |
|
| 549 |
- } |
|
| 550 |
- |
|
| 551 |
- .authority-table-mobile thead tr:nth-child(1) {
|
|
| 552 |
- display: flex; |
|
| 553 |
- } |
|
| 554 |
- |
|
| 555 |
- .authority-table-mobile thead tr:nth-child(1)>div {
|
|
| 556 |
- font-size: 1.6rem; |
|
| 557 |
- width: 100%; |
|
| 558 |
- } |
|
| 559 |
- |
|
| 560 |
- .authority-table-mobile select {
|
|
| 561 |
- margin: 1rem 0; |
|
| 562 |
- } |
|
| 563 |
- |
|
| 564 |
- .authority-table-mobile {
|
|
| 565 |
- display: block; |
|
| 566 |
- } |
|
| 567 |
- |
|
| 568 |
- .authority-table-mobile thead {
|
|
| 569 |
- display: inline-table; |
|
| 570 |
- width: 100%; |
|
| 571 |
- } |
|
| 572 |
- |
|
| 573 |
- .authority-table-mobile tr, |
|
| 574 |
- .authority-table-mobile td {
|
|
| 575 |
- display: revert; |
|
| 576 |
- } |
|
| 577 |
- |
|
| 578 |
- .authority-table-mobile tr {
|
|
| 579 |
- width: 100%; |
|
| 580 |
- } |
|
| 581 |
- |
|
| 582 |
- .authority-table-mobile tr:nth-child(2) th:nth-child(1) {
|
|
| 583 |
- width: 50%; |
|
| 584 |
- } |
|
| 585 |
- |
|
| 586 |
- .authority-table-mobile td {
|
|
| 587 |
- padding: 1rem; |
|
| 588 |
- width: 10%; |
|
| 589 |
- } |
|
| 590 |
- |
|
| 591 |
- .authority-table-mobile tbody td input {
|
|
| 592 |
- margin-right: 1rem; |
|
| 593 |
- } |
|
| 594 |
- |
|
| 595 |
- .authority-table-mobile tbody td label {}
|
|
| 596 |
- |
|
| 597 |
- .authority-table-mobile th {
|
|
| 598 |
- width: 50%; |
|
| 599 |
- } |
|
| 205 |
+ /* Q&A게시판 */ |
|
| 206 |
+ |
|
| 600 | 207 |
|
| 601 | 208 |
/* 사용자관리 */ |
| 602 |
- .senior-search{width: 39% !important;}
|
|
| 603 |
- .searchselect label{margin-right: 2rem;}
|
|
| 604 |
- .protector-user{margin-top: 2rem;}
|
|
| 605 |
- .userauthoriylist{display: block;}
|
|
| 209 |
+ .userauthoriylist{display: block;}
|
|
| 606 | 210 |
.userauthoriylist .left, .userauthoriylist .right {
|
| 607 | 211 |
width: 100% ; |
| 608 |
-} |
|
| 609 |
-.userauthoriylist .right{margin-top: 2rem;}
|
|
| 610 |
-.tab-menu {display: block;}
|
|
| 611 |
-.tab-menu li{display: -webkit-inline-flex;}
|
|
| 612 |
-.userlist{padding: 1rem !important;}
|
|
| 613 |
- .search-management {
|
|
| 614 |
- justify-content: space-between; |
|
| 615 |
- gap: 1rem; |
|
| 616 | 212 |
} |
| 617 |
- .search-management button{width: 20%;}
|
|
| 618 |
- .search-management select {
|
|
| 619 |
- width: 35%; |
|
| 620 |
- margin: 0; |
|
| 621 |
- } |
|
| 213 |
+ .userauthoriylist .right{margin-top: 2rem;}
|
|
| 622 | 214 |
|
| 623 |
- .search-management input {
|
|
| 624 |
- width: 100%;margin: 0; |
|
| 625 |
- } |
|
| 626 |
- |
|
| 627 |
- .searchselect-wrap{display: block;}
|
|
| 628 |
- .searchselect{width: max-content;}
|
|
| 629 |
- .page-title-span{display: block;
|
|
| 630 |
- width: 14rem; |
|
| 631 |
- position: absolute; |
|
| 632 |
- right: 0; top: 3.2rem; color: #827e7e; font-size: 2rem;} |
|
| 633 |
- |
|
| 634 |
- /* button */ |
|
| 635 |
- |
|
| 636 |
- .btn-large {
|
|
| 637 |
- font-size: 1.4rem; |
|
| 638 |
- } |
|
| 639 |
- |
|
| 640 |
- /* 로그인 */ |
|
| 641 |
- .login-wrap h1 {
|
|
| 642 |
- font-size: 1.8rem; |
|
| 643 |
- line-height: 1rem; |
|
| 644 |
- } |
|
| 645 |
- |
|
| 646 |
- .login-wrap h3 {
|
|
| 647 |
- margin: 20% 0 5% 0; |
|
| 648 |
- font-size: 2rem; |
|
| 649 |
- text-align: center; |
|
| 650 |
- } |
|
| 651 |
- |
|
| 652 |
- .login-form .login-inner .content {
|
|
| 653 |
- width: 80%; |
|
| 654 |
- margin: 1rem auto; |
|
| 655 |
- } |
|
| 656 |
- |
|
| 657 |
- .container {
|
|
| 658 |
- width: 100%; |
|
| 659 |
- margin: 0; |
|
| 660 |
- padding: 2rem; |
|
| 661 |
- } |
|
| 662 |
- |
|
| 663 |
- .container .btn-wrap {
|
|
| 664 |
- margin-top: 5rem; |
|
| 665 |
- } |
|
| 666 |
- |
|
| 667 |
- .container button {
|
|
| 668 |
- width: 30%; |
|
| 669 |
- } |
|
| 670 |
- |
|
| 671 |
- |
|
| 672 |
- /* 검색창 */ |
|
| 673 |
- .detail-search tbody select{margin-right: 1rem;}
|
|
| 674 |
- .area-wrap {
|
|
| 675 |
- display: none; |
|
| 676 |
- } |
|
| 677 |
- |
|
| 678 |
- .search-area {
|
|
| 679 |
- padding: 1rem; |
|
| 680 |
- } |
|
| 681 |
- |
|
| 682 |
- .detail-search table tr, |
|
| 683 |
- .detail-search table th, |
|
| 684 |
- .detail-search table td {
|
|
| 685 |
- display: block; |
|
| 686 |
- } |
|
| 687 |
- |
|
| 688 |
- .detail-search table th {
|
|
| 689 |
- width: 100%; |
|
| 690 |
- margin: 1rem 0; |
|
| 691 |
- } |
|
| 692 |
- |
|
| 693 |
- .detail-search table td::before {
|
|
| 694 |
- display: none; |
|
| 695 |
- } |
|
| 696 |
- |
|
| 697 |
- .detail-search table tr {
|
|
| 698 |
- border: 0; |
|
| 699 |
- } |
|
| 700 |
- |
|
| 701 |
- .detail-search table td {
|
|
| 702 |
- padding: 0; |
|
| 703 |
- border: 0; |
|
| 704 |
- } |
|
| 705 |
- |
|
| 706 |
- .detail-search tbody tr:nth-of-type(3) td {
|
|
| 707 |
- width: 50%; |
|
| 708 |
- display: flex; |
|
| 709 |
- } |
|
| 710 |
- |
|
| 711 |
- .detail-search tbody tr:nth-of-type(3) th:nth-child(3) {
|
|
| 712 |
- width: 100%; |
|
| 713 |
- } |
|
| 714 |
- |
|
| 715 |
- /* 시니어 정보 상세 조회 */ |
|
| 716 |
- .senior-detail th, |
|
| 717 |
- .senior-detail td {
|
|
| 718 |
- display: block; |
|
| 719 |
- } |
|
| 720 |
- |
|
| 721 |
- .senior-detail th {
|
|
| 722 |
- font-size: 1.2rem; |
|
| 723 |
- width: 100%; |
|
| 724 |
- } |
|
| 725 |
- |
|
| 726 |
- .senior-detail td {
|
|
| 727 |
- width: 100%; |
|
| 728 |
- font-size: 1.2rem; |
|
| 729 |
- } |
|
| 730 |
- |
|
| 731 |
- .senior-detail td span {
|
|
| 732 |
- width: 100%; |
|
| 733 |
- font-size: 1.2rem; |
|
| 734 |
- text-align: center; |
|
| 735 |
- } |
|
| 736 |
- |
|
| 737 |
- /* 시니어 등록창 */ |
|
| 738 |
- .senior-insert {
|
|
| 739 |
- display: grid; |
|
| 740 |
- } |
|
| 741 |
- |
|
| 742 |
- .senior-insert th {
|
|
| 743 |
- font-size: 1.4rem; |
|
| 744 |
- width: 50%; |
|
| 745 |
- padding: 1rem 10rem; |
|
| 746 |
- } |
|
| 747 |
- |
|
| 748 |
- .senior-insert td {
|
|
| 749 |
- display: list-item; |
|
| 750 |
- padding-top: 1rem; |
|
| 751 |
- } |
|
| 752 |
- |
|
| 753 |
- .senior-insert select {
|
|
| 754 |
- width: 100%; |
|
| 755 |
- } |
|
| 756 |
- |
|
| 757 |
- .senior-insert input {
|
|
| 758 |
- width: 100%; |
|
| 759 |
- } |
|
| 760 |
- |
|
| 761 |
- .senior-insert tr:nth-child(2) .gender {
|
|
| 762 |
- padding: 1rem 1rem; |
|
| 763 |
- display: flex; |
|
| 764 |
- flex: 0 0 25%; |
|
| 765 |
- } |
|
| 766 |
- |
|
| 767 |
- .senior-insert tr:nth-child(2) .gender input {
|
|
| 768 |
- width: 25%; |
|
| 769 |
- } |
|
| 770 |
- |
|
| 771 |
- .senior-insert td::marker {
|
|
| 772 |
- content: ""; |
|
| 773 |
- } |
|
| 774 |
- |
|
| 775 |
- /* 복약조회*/ |
|
| 776 |
- |
|
| 777 |
- /* 복약 상세페이지 */ |
|
| 778 |
- .medicine-detail-graph {
|
|
| 779 |
- display: block; |
|
| 780 |
- } |
|
| 781 |
- |
|
| 782 |
- /* 복약 수정 페이지 */ |
|
| 783 |
- .modal-main table th, |
|
| 784 |
- .modal-main table td {
|
|
| 785 |
- display: block; |
|
| 786 |
- } |
|
| 787 |
- |
|
| 788 |
- .modal-main table th {
|
|
| 789 |
- width: 100%; |
|
| 790 |
- } |
|
| 791 |
- |
|
| 792 |
- .modal-main table td {
|
|
| 793 |
- padding: 0.5rem 0 0 12rem; |
|
| 794 |
- } |
|
| 795 |
- |
|
| 796 |
- .medicine-revise tr {
|
|
| 797 |
- border: 0; |
|
| 798 |
- } |
|
| 799 |
- |
|
| 800 |
- .medicine-revise tr:nth-child(3)>td div, |
|
| 801 |
- .medicine-revise tr:nth-child(4)>td div, |
|
| 802 |
- .medicine-revise tr:nth-child(5)>td div {
|
|
| 803 |
- width: 50%; |
|
| 804 |
- } |
|
| 805 |
- |
|
| 806 |
- .medicine-revise tr:nth-child(3)>td div input, |
|
| 807 |
- .medicine-revise tr:nth-child(4)>td div input, |
|
| 808 |
- .medicine-revise tr:nth-child(5)>td div input {
|
|
| 809 |
- width: 20%; |
|
| 810 |
- } |
|
| 811 |
- |
|
| 812 |
- .medicine-revise tr:nth-child(3)>td div label, |
|
| 813 |
- .medicine-revise tr:nth-child(4)>td div label, |
|
| 814 |
- .medicine-revise tr:nth-child(5)>td div label {
|
|
| 815 |
- width: 50%; |
|
| 816 |
- } |
|
| 817 |
- |
|
| 818 |
- |
|
| 819 |
- /* 댁내 온도 조회 */ |
|
| 820 |
- |
|
| 821 |
- |
|
| 822 |
- /* 최근 일주일 댁내 온도(모달창) */ |
|
| 823 |
- .temperature-modal td:nth-of-type(1) {
|
|
| 824 |
- font-weight: 900; |
|
| 825 |
- padding: 1rem; |
|
| 826 |
- } |
|
| 827 |
- |
|
| 828 |
- .temperature-modal td:nth-of-type(2):before {
|
|
| 829 |
- content: "날짜"; |
|
| 830 |
- } |
|
| 831 |
- |
|
| 832 |
- .temperature-modal td:nth-of-type(3):before {
|
|
| 833 |
- content: "02:00"; |
|
| 834 |
- } |
|
| 835 |
- |
|
| 836 |
- .temperature-modal td:nth-of-type(4):before {
|
|
| 837 |
- content: "10:00"; |
|
| 838 |
- } |
|
| 839 |
- |
|
| 840 |
- .temperature-modal td:nth-of-type(5):before {
|
|
| 841 |
- content: "14:00"; |
|
| 842 |
- } |
|
| 843 |
- |
|
| 844 |
- .temperature-modal td:nth-of-type(6):before {
|
|
| 845 |
- content: "23:00"; |
|
| 846 |
- } |
|
| 847 |
- |
|
| 848 |
- /* 방문 조회 */ |
|
| 849 |
- |
|
| 850 |
- /* 방문 관리 상세 페이지 */ |
|
| 851 |
- .senior-detail tr:nth-of-type(6) td {
|
|
| 852 |
- display: flex; |
|
| 853 |
- justify-content: center; |
|
| 854 |
- } |
|
| 855 |
- |
|
| 856 |
- .senior-detail td {
|
|
| 857 |
- padding: 0; |
|
| 858 |
- } |
|
| 859 |
- |
|
| 860 |
- /* 방문 수정 페이지 */ |
|
| 861 |
- .visit-revise th {
|
|
| 862 |
- width: 40%; |
|
| 863 |
- font-size: 1.4rem; |
|
| 864 |
- } |
|
| 865 |
- |
|
| 866 |
- .visit-revise tr:nth-child(3) td {
|
|
| 867 |
- display: block; |
|
| 868 |
- } |
|
| 869 |
- |
|
| 870 |
- .visit-revise tr:nth-child(3) td>div {
|
|
| 871 |
- display: flex; |
|
| 872 |
- margin: 0.5rem 0; |
|
| 873 |
- } |
|
| 874 |
- |
|
| 875 |
- /* 방문 등록 */ |
|
| 876 |
- .user-list {
|
|
| 877 |
- display: none; |
|
| 878 |
- } |
|
| 879 |
- |
|
| 880 |
- .insert {
|
|
| 881 |
- display: block; |
|
| 882 |
- } |
|
| 883 |
- |
|
| 884 |
- .insert table tr:nth-child(6) td {
|
|
| 885 |
- display: block; |
|
| 886 |
- } |
|
| 887 |
- |
|
| 888 |
- .insert tr:nth-child(6) td>div {
|
|
| 889 |
- display: flex; |
|
| 890 |
- margin: 0.5rem 0; |
|
| 891 |
- } |
|
| 892 |
- |
|
| 893 |
- .insert tr:nth-child(6) td>div input {
|
|
| 894 |
- width: 50%; |
|
| 895 |
- } |
|
| 896 |
- |
|
| 897 |
- /* 장비조회 */ |
|
| 898 |
- .equip-tab{display: block;}
|
|
| 899 |
- /* 장비 상세 조회 */ |
|
| 900 |
- /* 장비등록창 */ |
|
| 901 |
- .equipment-modal tbody td {
|
|
| 902 |
- padding: 0.5rem; |
|
| 903 |
- } |
|
| 904 |
- |
|
| 215 |
+ .modal .modal-inner{width: 100%; border-radius: 0;}
|
|
| 216 |
+ .modal-main .qna-insert td{padding: 1rem;}
|
|
| 217 |
+ .search-management button{width: 22%;}
|
|
| 218 |
+ /* 건강관리 */ |
|
| 219 |
+ .searchselect{width: 48%;}
|
|
| 220 |
+ /* 기관등록 */ |
|
| 221 |
+ .agency-insert tbody tr th{width: 30%;}
|
|
| 905 | 222 |
} |
| 906 | 223 |
|
| 907 | 224 |
/* 모바일 세로 (해상도 ~ 479px)*/ |
... | ... | @@ -918,11 +235,11 @@ |
| 918 | 235 |
} |
| 919 | 236 |
.ittLqr{font-size: 1.3rem !important;}
|
| 920 | 237 |
/* 공통 */ |
| 921 |
- html{height: 100%;}
|
|
| 922 |
- body{height: initial;}
|
|
| 923 |
- #layout{display: block; height: 100%;}
|
|
| 924 |
- #pages{padding: 0; padding-top: 8rem; background-color: #ffffff; height: 100%;}
|
|
| 925 |
- main{padding: 3rem 1rem 2rem 1rem;}
|
|
| 238 |
+ html{}
|
|
| 239 |
+ body{}
|
|
| 240 |
+ #layout{display: block; }
|
|
| 241 |
+ #pages{padding: 0; padding-top: 8rem; background-color: #ffffff;}
|
|
| 242 |
+ main{padding: 3rem 1rem 2rem 1rem; height: fit-content;}
|
|
| 926 | 243 |
header {
|
| 927 | 244 |
padding: 1rem; |
| 928 | 245 |
position: fixed; |
... | ... | @@ -942,10 +259,12 @@ |
| 942 | 259 |
left: 0; |
| 943 | 260 |
transition: 0.5s; |
| 944 | 261 |
} |
| 262 |
+ nav.close{left: -320px;}
|
|
| 263 |
+ |
|
| 945 | 264 |
.bottom-section{padding: 0.9rem ; bottom: 6rem;}
|
| 946 | 265 |
.content-wrap{padding: 1rem; }
|
| 947 | 266 |
th,td,tr{display: block;}
|
| 948 |
- .logo img{width: 27rem;}
|
|
| 267 |
+ .logo img{width: 24rem;}
|
|
| 949 | 268 |
nav .logo{display: none;}
|
| 950 | 269 |
/* 에이젼시 메인 */ |
| 951 | 270 |
.main-grid-agency{display: block;}
|
... | ... | @@ -971,8 +290,8 @@ |
| 971 | 290 |
.main-grid-guardian{display: block; padding: 0 1rem;}
|
| 972 | 291 |
.main-grid-guardian > div:nth-child(4) li{background: none; box-shadow: none;}
|
| 973 | 292 |
.main-grid-guardian > div:nth-child(3) >div{margin-top: 2rem;}
|
| 974 |
- .main-grid-guardian > div:nth-child(4) {margin-top: 20rem;}
|
|
| 975 |
- |
|
| 293 |
+ .main-grid-guardian > div:nth-child(4) {height: 50vh;}
|
|
| 294 |
+ .main-grid-guardian > div:nth-child(3) {height: 39vh;}
|
|
| 976 | 295 |
.main-grid-guardian #fullDate{display: block;}
|
| 977 | 296 |
.guardian-img{width: 2rem;}
|
| 978 | 297 |
.battery{display: none;}
|
... | ... | @@ -982,15 +301,14 @@ |
| 982 | 301 |
.statistics-guardian > div >div{display: block;}
|
| 983 | 302 |
.statistics-guardian > div >div p{padding: 0;}
|
| 984 | 303 |
.smallbox{box-shadow: 1px 1px 9px 3px rgb(0 0 0 / 11%);}
|
| 985 |
- .guardian-medicine{height: 15vh;}
|
|
| 986 | 304 |
.guardian-medicine ul li img{left: -23px;}
|
| 987 | 305 |
.medicine-title{
|
| 988 |
- right: -9px; |
|
| 989 | 306 |
top: 96px; |
| 307 |
+ left: -3px; |
|
| 990 | 308 |
width: 3rem;} |
| 991 | 309 |
.react-calendar__month-view__days button{padding: 1rem;}
|
| 992 | 310 |
.pink{background-color: #fdeeea;}
|
| 993 |
- .statistics-guardian .react-calendar{background: none; height: 43vh;}
|
|
| 311 |
+ .statistics-guardian .react-calendar{background: none; }
|
|
| 994 | 312 |
|
| 995 | 313 |
/* 보호자 그래프보기 */ |
| 996 | 314 |
#chartdiv1{height: 26vh !important;}
|
... | ... | @@ -1007,62 +325,17 @@ |
| 1007 | 325 |
.statistics-grid .statistics-guardian li:nth-child(1) p:nth-child(3){display: none;}
|
| 1008 | 326 |
/* Q&A */ |
| 1009 | 327 |
.question-select select{width: 22%;}
|
| 328 |
+ .modal .modal-inner{width: 100%; border-radius: 0;}
|
|
| 329 |
+ .modal-main .qna-insert td{padding: 0;}
|
|
| 330 |
+ .modal-main .qna-insert td input, .modal-main .qna-insert td textarea{border: 0;}
|
|
| 331 |
+ |
|
| 1010 | 332 |
/* 권한관리 */ |
| 1011 |
- .authority-table-pc {
|
|
| 1012 |
- display: none; |
|
| 1013 |
- } |
|
| 1014 |
- |
|
| 1015 |
- .authority-table-mobile thead tr:nth-child(1) {
|
|
| 1016 |
- display: flex; |
|
| 1017 |
- } |
|
| 1018 |
- |
|
| 1019 |
- .authority-table-mobile thead tr:nth-child(1)>div {
|
|
| 1020 |
- font-size: 1.6rem; |
|
| 1021 |
- width: 100%; |
|
| 1022 |
- } |
|
| 1023 |
- |
|
| 1024 |
- .authority-table-mobile select {
|
|
| 1025 |
- margin: 1rem 0; |
|
| 1026 |
- } |
|
| 1027 |
- |
|
| 1028 |
- .authority-table-mobile {
|
|
| 1029 |
- display: block; |
|
| 1030 |
- } |
|
| 1031 |
- |
|
| 1032 |
- .authority-table-mobile thead {
|
|
| 1033 |
- display: inline-table; |
|
| 1034 |
- width: 100%; |
|
| 1035 |
- } |
|
| 1036 |
- |
|
| 1037 |
- .authority-table-mobile tr, |
|
| 1038 |
- .authority-table-mobile td {
|
|
| 1039 |
- display: revert; |
|
| 1040 |
- } |
|
| 1041 |
- |
|
| 1042 |
- .authority-table-mobile tr {
|
|
| 1043 |
- width: 100%; |
|
| 1044 |
- } |
|
| 1045 |
- |
|
| 1046 |
- .authority-table-mobile tr:nth-child(2) th:nth-child(1) {
|
|
| 1047 |
- width: 50%; |
|
| 1048 |
- } |
|
| 1049 |
- |
|
| 1050 |
- .authority-table-mobile td {
|
|
| 1051 |
- padding: 1rem; |
|
| 1052 |
- width: 10%; |
|
| 1053 |
- } |
|
| 1054 |
- |
|
| 1055 |
- .authority-table-mobile tbody td input {
|
|
| 1056 |
- margin-right: 1rem; |
|
| 1057 |
- } |
|
| 1058 |
- |
|
| 1059 |
- .authority-table-mobile tbody td label {}
|
|
| 1060 |
- |
|
| 1061 |
- .authority-table-mobile th {
|
|
| 1062 |
- width: 50%; |
|
| 1063 |
- } |
|
| 333 |
+ .authority-table tbody tr td:nth-child(1){background: #e4dccf;}
|
|
| 1064 | 334 |
|
| 1065 | 335 |
/* 사용자관리 */ |
| 336 |
+ .modal-main{max-height: 60rem;
|
|
| 337 |
+ overflow: scroll;} |
|
| 338 |
+ .modal .modal-inner .modal-header{background-color: #ffffff;}
|
|
| 1066 | 339 |
.senior-search{width: 25% !important;}
|
| 1067 | 340 |
.searchselect label{margin-right: 2rem;}
|
| 1068 | 341 |
.protector-user{margin-top: 2rem;}
|
... | ... | @@ -1076,13 +349,14 @@ |
| 1076 | 349 |
.userlist{padding: 1rem !important;}
|
| 1077 | 350 |
.search-management {
|
| 1078 | 351 |
justify-content: space-between; |
| 352 |
+ gap: 1rem; |
|
| 1079 | 353 |
} |
| 1080 | 354 |
|
| 1081 | 355 |
.search-management select {
|
| 1082 | 356 |
width: 75%; |
| 1083 | 357 |
margin: 0; |
| 1084 | 358 |
} |
| 1085 |
- |
|
| 359 |
+ .search-management button{width: 40%;}
|
|
| 1086 | 360 |
.search-management input {
|
| 1087 | 361 |
width: 100%;margin: 0; |
| 1088 | 362 |
} |
... | ... | @@ -1173,6 +447,7 @@ |
| 1173 | 447 |
} |
| 1174 | 448 |
|
| 1175 | 449 |
/* 시니어 정보 상세 조회 */ |
| 450 |
+ .tab-container>div>div:nth-child(2){display: block;}
|
|
| 1176 | 451 |
.senior-detail th, |
| 1177 | 452 |
.senior-detail td {
|
| 1178 | 453 |
display: block; |
... | ... | @@ -1206,18 +481,17 @@ |
| 1206 | 481 |
} |
| 1207 | 482 |
|
| 1208 | 483 |
.senior-insert td {
|
| 1209 |
- display: list-item; |
|
| 1210 |
- padding-top: 1rem; |
|
| 484 |
+ padding: 1rem !important; |
|
| 1211 | 485 |
} |
| 1212 | 486 |
|
| 1213 | 487 |
.senior-insert select {
|
| 1214 | 488 |
width: 100%; |
| 1215 | 489 |
} |
| 1216 | 490 |
|
| 1217 |
- .senior-insert input {
|
|
| 1218 |
- width: 100%; |
|
| 491 |
+ .senior-insert input, .senior-insert textarea {
|
|
| 492 |
+ border: 0; |
|
| 1219 | 493 |
} |
| 1220 |
- |
|
| 494 |
+ .modal-main table td |
|
| 1221 | 495 |
.senior-insert tr:nth-child(2) .gender {
|
| 1222 | 496 |
padding: 1rem 1rem; |
| 1223 | 497 |
display: flex; |
... | ... | @@ -1231,7 +505,9 @@ |
| 1231 | 505 |
.senior-insert td::marker {
|
| 1232 | 506 |
content: ""; |
| 1233 | 507 |
} |
| 1234 |
- |
|
| 508 |
+ .senior-insert .gender{
|
|
| 509 |
+ display: flex; |
|
| 510 |
+ gap: 2rem; justify-content: center;} |
|
| 1235 | 511 |
/* 복약조회*/ |
| 1236 | 512 |
|
| 1237 | 513 |
/* 복약 상세페이지 */ |
... | ... | @@ -1361,6 +637,9 @@ |
| 1361 | 637 |
.equipment-modal tbody td {
|
| 1362 | 638 |
padding: 0.5rem; |
| 1363 | 639 |
} |
| 1364 |
- |
|
| 1365 |
- |
|
| 640 |
+ .equipment-insert select{width: 100%; height: 3.7rem;}
|
|
| 641 |
+ .equipment-insert td{padding: 0.5rem !important;}
|
|
| 642 |
+ /* 위험 기준 관리 */ |
|
| 643 |
+ /* 기관 등록 */ |
|
| 644 |
+ .modal-main .agency-insert td{padding: 0.5rem;}
|
|
| 1366 | 645 |
}(No newline at end of file) |
--- client/views/component/Modal_SeniorInsert.jsx
+++ client/views/component/Modal_SeniorInsert.jsx
... | ... | @@ -187,7 +187,7 @@ |
| 187 | 187 |
<input type="text" value={userName} onChange={handleUserName} />
|
| 188 | 188 |
</td> |
| 189 | 189 |
<th><span style={{color : "red"}}>*</span>성별</th>
|
| 190 |
- <td className="flex-start gender"> |
|
| 190 |
+ <td className=" gender"> |
|
| 191 | 191 |
<div className="flex-start"> |
| 192 | 192 |
<input type="radio" name="genderSelect" value="남" onChange={handleGender} />
|
| 193 | 193 |
<label for="gender">남</label> |
... | ... | @@ -225,8 +225,8 @@ |
| 225 | 225 |
</tr> |
| 226 | 226 |
<tr> |
| 227 | 227 |
<th>필요 복약</th> |
| 228 |
- <td> |
|
| 229 |
- <div className="flex"> |
|
| 228 |
+ <td className="medicationTime-td"> |
|
| 229 |
+ <div className="flex "> |
|
| 230 | 230 |
<input type="checkbox" name="medicationSelect" checked={medicineM} onClick={(e) => { handleMedicineM(e) }} /><label for="medicationTime">아침</label>
|
| 231 | 231 |
<input type="checkbox" name="medicationSelect" checked={medicineL} onClick={(e) => { handleMedicineL(e) }} /><label for="medicationTime">점심</label>
|
| 232 | 232 |
<input type="checkbox" name="medicationSelect" checked={medicineD} onClick={(e) => { handleMedicineD(e) }} /><label for="medicationTime">저녁</label>
|
--- client/views/component/SubTitle.jsx
+++ client/views/component/SubTitle.jsx
... | ... | @@ -18,7 +18,7 @@ |
| 18 | 18 |
color: #733c1d; |
| 19 | 19 |
`; |
| 20 | 20 |
const Explanation = styled.p` |
| 21 |
- font-size: 1.8rem; |
|
| 21 |
+ font-size: 1.4rem; |
|
| 22 | 22 |
padding: 0.5rem; |
| 23 | 23 |
font-weight: bold; |
| 24 | 24 |
color: ${(color) => color ? color : "#733c1d"};
|
--- client/views/component/chart/Chart6.jsx
+++ client/views/component/chart/Chart6.jsx
... | ... | @@ -215,7 +215,6 @@ |
| 215 | 215 |
}) |
| 216 | 216 |
}) |
| 217 | 217 |
); |
| 218 |
- |
|
| 219 | 218 |
series.columns.template.setAll({
|
| 220 | 219 |
cornerRadiusTL: 15, |
| 221 | 220 |
cornerRadiusTR: 15, |
--- client/views/layout/Menu.jsx
+++ client/views/layout/Menu.jsx
... | ... | @@ -10,9 +10,6 @@ |
| 10 | 10 |
const onClickshow=()=>{
|
| 11 | 11 |
setMenuToggle(!menuToggle) |
| 12 | 12 |
} |
| 13 |
- const closeSidebar = () => {
|
|
| 14 |
- setMenuToggle(false); |
|
| 15 |
- }; |
|
| 16 | 13 |
const navigate = useNavigate(); |
| 17 | 14 |
|
| 18 | 15 |
return ( |
... | ... | @@ -23,7 +20,7 @@ |
| 23 | 20 |
<div className="menuicon" onClick={onClickshow}><MenuIcon sx={{ width:35, height:35,color:"#7a7f87"}}/></div >
|
| 24 | 21 |
<h1 className="logo"><img src={logo} alt="" /></h1>
|
| 25 | 22 |
<div className="flex-align-column" style={{ marginTop: `3rem` }}>
|
| 26 |
- <ul onClick={closeSidebar}>
|
|
| 23 |
+ <ul > |
|
| 27 | 24 |
{items.map((item, index) => (
|
| 28 | 25 |
<SidebarItem key={index} item={item} />
|
| 29 | 26 |
))} |
--- client/views/pages/setting/AuthorityManagement.jsx
+++ client/views/pages/setting/AuthorityManagement.jsx
... | ... | @@ -110,7 +110,7 @@ |
| 110 | 110 |
)} |
| 111 | 111 |
</tbody> |
| 112 | 112 |
</table> */} |
| 113 |
- <table> |
|
| 113 |
+ <table className="authority-table"> |
|
| 114 | 114 |
<thead> |
| 115 | 115 |
<tr> |
| 116 | 116 |
<th rowSpan="2">구분</th> |
--- client/views/pages/setting/RiskSet.jsx
+++ client/views/pages/setting/RiskSet.jsx
... | ... | @@ -136,13 +136,7 @@ |
| 136 | 136 |
className="margin-bottom" |
| 137 | 137 |
explanation={"지정한 기준에 따라 메인 화면에 위험 알림 대상자 수를 표시하여 줍니다."}
|
| 138 | 138 |
color={"#333333"}
|
| 139 |
- /> |
|
| 140 |
- <div className="btn-wrap flex-end margin-bottom "> |
|
| 141 |
- <Button |
|
| 142 |
- className={"btn-small gray-btn"}
|
|
| 143 |
- btnName={"저장"}
|
|
| 144 |
- /> |
|
| 145 |
- </div> |
|
| 139 |
+ /> |
|
| 146 | 140 |
<ul className="tab-content"> |
| 147 | 141 |
{data
|
| 148 | 142 |
.filter((item) => index === item.id) |
... | ... | @@ -151,6 +145,12 @@ |
| 151 | 145 |
))} |
| 152 | 146 |
</ul> |
| 153 | 147 |
</div> |
| 148 |
+ <div className="btn-wrap flex-center margin-bottom "> |
|
| 149 |
+ <Button |
|
| 150 |
+ className={"btn-small gray-btn"}
|
|
| 151 |
+ btnName={"저장"}
|
|
| 152 |
+ /> |
|
| 153 |
+ </div> |
|
| 154 | 154 |
</div> |
| 155 | 155 |
</main> |
| 156 | 156 |
); |
--- client/views/pages/user_management/AgencySelect.jsx
+++ client/views/pages/user_management/AgencySelect.jsx
... | ... | @@ -104,8 +104,8 @@ |
| 104 | 104 |
<main> |
| 105 | 105 |
<Modal open={modalOpen} close={closeModal} header="기관 등록">
|
| 106 | 106 |
<div className="board-wrap"> |
| 107 |
- <table className="flex70 margin-bottom"> |
|
| 108 |
- <tbody className="equipment-insert"> |
|
| 107 |
+ <table className="flex70 margin-bottom agency-insert"> |
|
| 108 |
+ <tbody className=""> |
|
| 109 | 109 |
<tr> |
| 110 | 110 |
<th>기관명</th> |
| 111 | 111 |
<td colSpan={5}>
|
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?