File name
Commit message
Commit date
2023-03-09
File name
Commit message
Commit date
File name
Commit message
Commit date
/* 테블릿 가로 (해상도 768px ~ 1023px)*/
@media all and (min-width:768px) and (max-width:1023px) {
.menuicon {
display: block;
position: fixed;
}
.weather-info{
display: none;
}
.info-wrap {
display: none;
}
.ittLqr{font-size: 1.3rem !important;}
/* 공통 */
#layout{display: block;}
#pages{padding: 0; padding-top: 8rem; background-color: #ffffff;}
main{padding: 3rem 1rem 2rem 1rem;}
header {
padding: 1rem;
position: fixed;
box-shadow:1px 1px 10px 1px rgb(0 0 0 / 9%);
}
header .logo{display: block;}
nav {
position: fixed;
left: -320px;
top: 87px;
z-index: 12;
transition: 0.5s;
box-shadow:none;
height:91vh;
}
nav.on {
left: 0;
transition: 0.5s;
}
.bottom-section{padding: 0.9rem ; bottom: 6rem;}
.content-wrap{padding: 1rem; }
th,td,tr{display: block;}
.logo img{width: 27rem;}
nav .logo{display: none;}
/* 올잇메디 메인 */
.main-grid-agency .statistics-agency img{width: 7rem; margin: 0 0 1rem 0;}
.main-grid-agency .statistics-agency li{display: block; text-align: center;}
/* 에이젼시 메인 */
.main-grid-agency{grid-template-columns: 1fr 1fr; gap: 1rem;}
.main-grid-agency .agency-visitlist{margin-top: 22rem;}
.agency-calendar .react-calendar__month-view__weekdays{display: flex !important;}
.agency-calendar .react-calendar__month-view__days__day{flex: 0 0 12.5% !important;}
.agency-calendar .react-calendar__month-view__days{flex-wrap: wrap !important;}
.tab-menu-agency li{padding: 1rem;}
/* 지자체 메인 */
.main-grid-government{display: block;}
.main-grid-government .content-box{margin-bottom: 0rem;}
.statistics-govern{margin-bottom: 0; display: block;}
.sub-grid-government{ grid-template-columns: 1fr 1fr ;}
.main-grid-government div:nth-child(3){height: 42rem;}
.main-grid-government div:nth-child(5){height: 42rem;}
/* 보호자 메인 */
.main-guardian img{width: 3rem;}
.main-grid-guardian{display: block; padding: 0 1rem;}
.main-grid-guardian #fullDate{display: block;}
.guardian-img{width: 2rem;}
.battery{display: none;}
.battery-mobile{display: block;}
.statistics-guardian li{padding: 1rem; }
.smallbox{box-shadow: 1px 1px 9px 3px rgb(0 0 0 / 11%);}
.guardian-medicine{height: 28vh;}
.guardian-medicine ul li img{left: -23px;}
.medicine-title{
right: -9px;
top: 96px;
width: 3rem;}
.react-calendar__month-view__days button{padding: 1rem;}
.pink{background-color: #fdeeea;}
/* 보호자 그래프보기 */
#chartdiv1{height: 26vh !important;}
#chartdiv{height: 26vh !important;}
#chart{height: 27vh !important;}
#Chart2{height: 27vh !important;}
.statistics-grid{display: block;}
.statistics-grid .statistics-guardian {
margin-bottom: 1rem; padding: 0; height: 32vh;
}
.statistics-grid .statistics-guardian li{padding: 0;}
.statistics-grid .statistics-guardian li p:nth-child(1){margin-right: 1rem;}
.statistics-grid .statistics-guardian li:nth-child(1) p:nth-child(2){width: 100%;}
.statistics-grid .statistics-guardian li:nth-child(1) p:nth-child(3){display: none;}
/* Q&A */
.question-select select{width: 22%;}
/* 권한관리 */
.authority-table-pc {
display: none;
}
.authority-table-mobile thead tr:nth-child(1) {
display: flex;
}
.authority-table-mobile thead tr:nth-child(1)>div {
font-size: 1.6rem;
width: 100%;
}
.authority-table-mobile select {
margin: 1rem 0;
}
.authority-table-mobile {
display: block;
}
.authority-table-mobile thead {
display: inline-table;
width: 100%;
}
.authority-table-mobile tr,
.authority-table-mobile td {
display: revert;
}
.authority-table-mobile tr {
width: 100%;
}
.authority-table-mobile tr:nth-child(2) th:nth-child(1) {
width: 50%;
}
.authority-table-mobile td {
padding: 1rem;
width: 10%;
}
.authority-table-mobile tbody td input {
margin-right: 1rem;
}
.authority-table-mobile tbody td label {}
.authority-table-mobile th {
width: 50%;
}
/* 사용자관리 */
.senior-search{width: 39% !important;}
.searchselect label{margin-right: 2rem;}
.protector-user{margin-top: 2rem;}
.userauthoriylist{display: block;}
.userauthoriylist .left, .userauthoriylist .right {
width: 100% ;
}
.userauthoriylist .right{margin-top: 2rem;}
.tab-menu {display: block;}
.tab-menu li{display: -webkit-inline-flex;}
.userlist{padding: 1rem !important;}
.search-management {
justify-content: space-between;
gap: 1rem;
}
.search-management button{width: 20%;}
.search-management select {
width: 35%;
margin: 0;
}
.search-management input {
width: 100%;margin: 0;
}
.searchselect-wrap{display: block;}
.searchselect{width: max-content;}
.page-title-span{display: block;
width: 14rem;
position: absolute;
right: 0; top: 3.2rem; color: #827e7e; font-size: 2rem;}
/* button */
.btn-large {
font-size: 1.4rem;
}
/* 로그인 */
.login-wrap h1 {
font-size: 1.8rem;
line-height: 1rem;
}
.login-wrap h3 {
margin: 20% 0 5% 0;
font-size: 2rem;
text-align: center;
}
.login-form .login-inner .content {
width: 80%;
margin: 1rem auto;
}
.container {
width: 100%;
margin: 0;
padding: 2rem;
}
.container .btn-wrap {
margin-top: 5rem;
}
.container button {
width: 30%;
}
/* 검색창 */
.detail-search tbody select{margin-right: 1rem;}
.area-wrap {
display: none;
}
.search-area {
padding: 1rem;
}
.detail-search table tr,
.detail-search table th,
.detail-search table td {
display: block;
}
.detail-search table th {
width: 100%;
margin: 1rem 0;
}
.detail-search table td::before {
display: none;
}
.detail-search table tr {
border: 0;
}
.detail-search table td {
padding: 0;
border: 0;
}
.detail-search tbody tr:nth-of-type(3) td {
width: 50%;
display: flex;
}
.detail-search tbody tr:nth-of-type(3) th:nth-child(3) {
width: 100%;
}
/* 시니어 정보 상세 조회 */
.senior-detail th,
.senior-detail td {
display: block;
}
.senior-detail th {
font-size: 1.2rem;
width: 100%;
}
.senior-detail td {
width: 100%;
font-size: 1.2rem;
}
.senior-detail td span {
width: 100%;
font-size: 1.2rem;
text-align: center;
}
/* 시니어 등록창 */
.senior-insert {
display: grid;
}
.senior-insert th {
font-size: 1.4rem;
width: 50%;
padding: 1rem 10rem;
}
.senior-insert td {
display: list-item;
padding-top: 1rem;
}
.senior-insert select {
width: 100%;
}
.senior-insert input {
width: 100%;
}
.senior-insert tr:nth-child(2) .gender {
padding: 1rem 1rem;
display: flex;
flex: 0 0 25%;
}
.senior-insert tr:nth-child(2) .gender input {
width: 25%;
}
.senior-insert td::marker {
content: "";
}
/* 복약조회*/
/* 복약 상세페이지 */
.medicine-detail-graph {
display: block;
}
/* 복약 수정 페이지 */
.modal-main table th,
.modal-main table td {
display: block;
}
.modal-main table th {
width: 100%;
}
.modal-main table td {
padding: 0.5rem 0 0 12rem;
}
.medicine-revise tr {
border: 0;
}
.medicine-revise tr:nth-child(3)>td div,
.medicine-revise tr:nth-child(4)>td div,
.medicine-revise tr:nth-child(5)>td div {
width: 50%;
}
.medicine-revise tr:nth-child(3)>td div input,
.medicine-revise tr:nth-child(4)>td div input,
.medicine-revise tr:nth-child(5)>td div input {
width: 20%;
}
.medicine-revise tr:nth-child(3)>td div label,
.medicine-revise tr:nth-child(4)>td div label,
.medicine-revise tr:nth-child(5)>td div label {
width: 50%;
}
/* 댁내 온도 조회 */
/* 최근 일주일 댁내 온도(모달창) */
.temperature-modal td:nth-of-type(1) {
font-weight: 900;
padding: 1rem;
}
.temperature-modal td:nth-of-type(2):before {
content: "날짜";
}
.temperature-modal td:nth-of-type(3):before {
content: "02:00";
}
.temperature-modal td:nth-of-type(4):before {
content: "10:00";
}
.temperature-modal td:nth-of-type(5):before {
content: "14:00";
}
.temperature-modal td:nth-of-type(6):before {
content: "23:00";
}
/* 방문 조회 */
/* 방문 관리 상세 페이지 */
.senior-detail tr:nth-of-type(6) td {
display: flex;
justify-content: center;
}
.senior-detail td {
padding: 0;
}
/* 방문 수정 페이지 */
.visit-revise th {
width: 40%;
font-size: 1.4rem;
}
.visit-revise tr:nth-child(3) td {
display: block;
}
.visit-revise tr:nth-child(3) td>div {
display: flex;
margin: 0.5rem 0;
}
/* 방문 등록 */
.user-list {
display: none;
}
.insert {
display: block;
}
.insert table tr:nth-child(6) td {
display: block;
}
.insert tr:nth-child(6) td>div {
display: flex;
margin: 0.5rem 0;
}
.insert tr:nth-child(6) td>div input {
width: 50%;
}
/* 장비조회 */
.equip-tab{display: block;}
/* 장비 상세 조회 */
/* 장비등록창 */
.equipment-modal tbody td {
padding: 0.5rem;
}
}
/* 모바일 가로, 테블릿 세로 (해상도 480px ~ 767px)*/
@media all and (min-width:480px) and (max-width:767px) {
.menuicon {
display: block;
position: fixed;
}
.weather-info{
display: none;
}
.info-wrap {
display: none;
}
.ittLqr{font-size: 1.3rem !important;}
/* 공통 */
#layout{display: block;}
#pages{padding: 0; padding-top: 8rem; background-color: #ffffff;}
main{padding: 3rem 1rem 2rem 1rem;}
header {
padding: 1rem;
position: fixed;
box-shadow:1px 1px 10px 1px rgb(0 0 0 / 9%);
}
header .logo{display: block;}
nav {
position: fixed;
left: -320px;
top: 87px;
z-index: 12;
transition: 0.5s;
box-shadow:none;
height:91vh;
}
nav.on {
left: 0;
transition: 0.5s;
}
.bottom-section{padding: 0.9rem ; bottom: 6rem;}
.content-wrap{padding: 1rem; }
th,td,tr{display: block;}
.logo img{width: 27rem;}
nav .logo{display: none;}
/* 올잇메디 메인 */
.main-grid-agency .statistics-agency img{width: 7rem; margin: 0 0 1rem 0;}
.main-grid-agency .statistics-agency li{display: block; text-align: center;}
/* 에이젼시 메인 */
.main-grid-agency{grid-template-columns: 1fr 1fr; gap: 1rem;}
.main-grid-agency .agency-visitlist{margin-top: 22rem;}
.agency-calendar .react-calendar__month-view__weekdays{display: flex !important;}
.agency-calendar .react-calendar__month-view__days__day{flex: 0 0 12.5% !important;}
.agency-calendar .react-calendar__month-view__days{flex-wrap: wrap !important;}
.tab-menu-agency li{padding: 1rem;}
/* 지자체 메인 */
.main-grid-government{display: block;}
.main-grid-government .content-box:nth-child(8), .main-grid-government .content-box:nth-child(6){height: 30rem;}
#RowChart>div{height: 36rem;}
.main-grid-government .content-box{margin-bottom: 0rem;}
.statistics-govern{margin-bottom: 0; display: block;}
.sub-grid-government{ grid-template-columns: 1fr 1fr ;}
.main-grid-government div:nth-child(3){height: 52rem;}
.main-grid-government div:nth-child(5){height: 52rem;}
/* 보호자 메인 */
.main-guardian img{width: 3rem;}
.main-grid-guardian{display: block; padding: 0 1rem;}
.main-grid-guardian #fullDate{display: block;}
.guardian-img{width: 2rem;}
.battery{display: none;}
.battery-mobile{display: block;}
.statistics-guardian li{padding: 1rem; }
.smallbox{box-shadow: 1px 1px 9px 3px rgb(0 0 0 / 11%);}
.guardian-medicine{height: 28vh;}
.guardian-medicine ul li img{left: -23px;}
.medicine-title{
right: -9px;
top: 96px;
width: 3rem;}
.react-calendar__month-view__days button{padding: 1rem;}
.pink{background-color: #fdeeea;}
/* 보호자 그래프보기 */
#chartdiv1{height: 26vh !important;}
#chartdiv{height: 26vh !important;}
#chart{height: 27vh !important;}
#Chart2{height: 27vh !important;}
.statistics-grid{display: block;}
.statistics-grid .statistics-guardian {
margin-bottom: 1rem; padding: 0; height: 32vh;
}
.statistics-grid .statistics-guardian li{padding: 0;}
.statistics-grid .statistics-guardian li p:nth-child(1){margin-right: 1rem;}
.statistics-grid .statistics-guardian li:nth-child(1) p:nth-child(2){width: 100%;}
.statistics-grid .statistics-guardian li:nth-child(1) p:nth-child(3){display: none;}
/* Q&A */
.question-select select{width: 22%;}
/* 권한관리 */
.authority-table-pc {
display: none;
}
.authority-table-mobile thead tr:nth-child(1) {
display: flex;
}
.authority-table-mobile thead tr:nth-child(1)>div {
font-size: 1.6rem;
width: 100%;
}
.authority-table-mobile select {
margin: 1rem 0;
}
.authority-table-mobile {
display: block;
}
.authority-table-mobile thead {
display: inline-table;
width: 100%;
}
.authority-table-mobile tr,
.authority-table-mobile td {
display: revert;
}
.authority-table-mobile tr {
width: 100%;
}
.authority-table-mobile tr:nth-child(2) th:nth-child(1) {
width: 50%;
}
.authority-table-mobile td {
padding: 1rem;
width: 10%;
}
.authority-table-mobile tbody td input {
margin-right: 1rem;
}
.authority-table-mobile tbody td label {}
.authority-table-mobile th {
width: 50%;
}
/* 사용자관리 */
.senior-search{width: 39% !important;}
.searchselect label{margin-right: 2rem;}
.protector-user{margin-top: 2rem;}
.userauthoriylist{display: block;}
.userauthoriylist .left, .userauthoriylist .right {
width: 100% ;
}
.userauthoriylist .right{margin-top: 2rem;}
.tab-menu {display: block;}
.tab-menu li{display: -webkit-inline-flex;}
.userlist{padding: 1rem !important;}
.search-management {
justify-content: space-between;
gap: 1rem;
}
.search-management button{width: 20%;}
.search-management select {
width: 35%;
margin: 0;
}
.search-management input {
width: 100%;margin: 0;
}
.searchselect-wrap{display: block;}
.searchselect{width: max-content;}
.page-title-span{display: block;
width: 14rem;
position: absolute;
right: 0; top: 3.2rem; color: #827e7e; font-size: 2rem;}
/* button */
.btn-large {
font-size: 1.4rem;
}
/* 로그인 */
.login-wrap h1 {
font-size: 1.8rem;
line-height: 1rem;
}
.login-wrap h3 {
margin: 20% 0 5% 0;
font-size: 2rem;
text-align: center;
}
.login-form .login-inner .content {
width: 80%;
margin: 1rem auto;
}
.container {
width: 100%;
margin: 0;
padding: 2rem;
}
.container .btn-wrap {
margin-top: 5rem;
}
.container button {
width: 30%;
}
/* 검색창 */
.detail-search tbody select{margin-right: 1rem;}
.area-wrap {
display: none;
}
.search-area {
padding: 1rem;
}
.detail-search table tr,
.detail-search table th,
.detail-search table td {
display: block;
}
.detail-search table th {
width: 100%;
margin: 1rem 0;
}
.detail-search table td::before {
display: none;
}
.detail-search table tr {
border: 0;
}
.detail-search table td {
padding: 0;
border: 0;
}
.detail-search tbody tr:nth-of-type(3) td {
width: 50%;
display: flex;
}
.detail-search tbody tr:nth-of-type(3) th:nth-child(3) {
width: 100%;
}
/* 시니어 정보 상세 조회 */
.senior-detail th,
.senior-detail td {
display: block;
}
.senior-detail th {
font-size: 1.2rem;
width: 100%;
}
.senior-detail td {
width: 100%;
font-size: 1.2rem;
}
.senior-detail td span {
width: 100%;
font-size: 1.2rem;
text-align: center;
}
/* 시니어 등록창 */
.senior-insert {
display: grid;
}
.senior-insert th {
font-size: 1.4rem;
width: 50%;
padding: 1rem 10rem;
}
.senior-insert td {
display: list-item;
padding-top: 1rem;
}
.senior-insert select {
width: 100%;
}
.senior-insert input {
width: 100%;
}
.senior-insert tr:nth-child(2) .gender {
padding: 1rem 1rem;
display: flex;
flex: 0 0 25%;
}
.senior-insert tr:nth-child(2) .gender input {
width: 25%;
}
.senior-insert td::marker {
content: "";
}
/* 복약조회*/
/* 복약 상세페이지 */
.medicine-detail-graph {
display: block;
}
/* 복약 수정 페이지 */
.modal-main table th,
.modal-main table td {
display: block;
}
.modal-main table th {
width: 100%;
}
.modal-main table td {
padding: 0.5rem 0 0 12rem;
}
.medicine-revise tr {
border: 0;
}
.medicine-revise tr:nth-child(3)>td div,
.medicine-revise tr:nth-child(4)>td div,
.medicine-revise tr:nth-child(5)>td div {
width: 50%;
}
.medicine-revise tr:nth-child(3)>td div input,
.medicine-revise tr:nth-child(4)>td div input,
.medicine-revise tr:nth-child(5)>td div input {
width: 20%;
}
.medicine-revise tr:nth-child(3)>td div label,
.medicine-revise tr:nth-child(4)>td div label,
.medicine-revise tr:nth-child(5)>td div label {
width: 50%;
}
/* 댁내 온도 조회 */
/* 최근 일주일 댁내 온도(모달창) */
.temperature-modal td:nth-of-type(1) {
font-weight: 900;
padding: 1rem;
}
.temperature-modal td:nth-of-type(2):before {
content: "날짜";
}
.temperature-modal td:nth-of-type(3):before {
content: "02:00";
}
.temperature-modal td:nth-of-type(4):before {
content: "10:00";
}
.temperature-modal td:nth-of-type(5):before {
content: "14:00";
}
.temperature-modal td:nth-of-type(6):before {
content: "23:00";
}
/* 방문 조회 */
/* 방문 관리 상세 페이지 */
.senior-detail tr:nth-of-type(6) td {
display: flex;
justify-content: center;
}
.senior-detail td {
padding: 0;
}
/* 방문 수정 페이지 */
.visit-revise th {
width: 40%;
font-size: 1.4rem;
}
.visit-revise tr:nth-child(3) td {
display: block;
}
.visit-revise tr:nth-child(3) td>div {
display: flex;
margin: 0.5rem 0;
}
/* 방문 등록 */
.user-list {
display: none;
}
.insert {
display: block;
}
.insert table tr:nth-child(6) td {
display: block;
}
.insert tr:nth-child(6) td>div {
display: flex;
margin: 0.5rem 0;
}
.insert tr:nth-child(6) td>div input {
width: 50%;
}
/* 장비조회 */
.equip-tab{display: block;}
/* 장비 상세 조회 */
/* 장비등록창 */
.equipment-modal tbody td {
padding: 0.5rem;
}
}
/* 모바일 세로 (해상도 ~ 479px)*/
@media all and (max-width:479px) {
.menuicon {
display: block;
position: fixed;
}
.weather-info{
display: none;
}
.info-wrap {
display: none;
}
.ittLqr{font-size: 1.3rem !important;}
/* 공통 */
html{height: 100%;}
body{height: initial;}
#layout{display: block; height: 100%;}
#pages{padding: 0; padding-top: 8rem; background-color: #ffffff; height: 100%;}
main{padding: 3rem 1rem 2rem 1rem;}
header {
padding: 1rem;
position: fixed;
box-shadow:1px 1px 10px 1px rgb(0 0 0 / 9%);
}
header .logo{display: block;}
nav {
position: fixed;
left: -320px;
top: 87px;
z-index: 12;
transition: 0.5s;
box-shadow:none;
height:91vh;
}
nav.on {
left: 0;
transition: 0.5s;
}
.bottom-section{padding: 0.9rem ; bottom: 6rem;}
.content-wrap{padding: 1rem; }
th,td,tr{display: block;}
.logo img{width: 27rem;}
nav .logo{display: none;}
/* 에이젼시 메인 */
.main-grid-agency{display: block;}
.main-grid-agency .agency-visitlist{margin-top: 22rem;}
.agency-calendar .react-calendar__month-view__weekdays{display: flex !important;}
.agency-calendar .react-calendar__month-view__days__day{flex: 0 0 12.5% !important;}
.agency-calendar .react-calendar__month-view__days{flex-wrap: wrap !important;}
.tab-menu-agency li{padding: 1rem;}
.statistics-agency{margin-bottom: 1rem;}
/* 지자체 메인 */
.main-grid-government{display: block;}
.main-grid-government .content-box:nth-child(8), .main-grid-government .content-box:nth-child(6){height: 30rem;}
#RowChart>div{height: 36rem !important;}
#Chart5{height: 29rem !important;}
.main-grid-government .content-box{margin-bottom: 1rem;}
.main-grid-government > .content-box{box-shadow: 1px 1px 7px 1px rgb(0 0 0 / 11%);}
.statistics-govern{margin-bottom: 0;}
.sub-grid-government{display: block;}
.main-grid-government .gOfcrs{font-size: 2rem;}
/* 보호자 메인 */
.main-guardian{text-align: center; display: block;}
.main-guardian img{display: none;}
.main-grid-guardian{display: block; padding: 0 1rem;}
.main-grid-guardian > div:nth-child(4) li{background: none; box-shadow: none;}
.main-grid-guardian > div:nth-child(3) >div{margin-top: 2rem;}
.main-grid-guardian > div:nth-child(4) {margin-top: 20rem;}
.main-grid-guardian #fullDate{display: block;}
.guardian-img{width: 2rem;}
.battery{display: none;}
.battery-mobile{display: block;}
.statistics-guardian li{padding: 1rem; }
.statistics-guardian h4{width: 14rem;}
.statistics-guardian > div >div{display: block;}
.statistics-guardian > div >div p{padding: 0;}
.smallbox{box-shadow: 1px 1px 9px 3px rgb(0 0 0 / 11%);}
.guardian-medicine{height: 15vh;}
.guardian-medicine ul li img{left: -23px;}
.medicine-title{
right: -9px;
top: 96px;
width: 3rem;}
.react-calendar__month-view__days button{padding: 1rem;}
.pink{background-color: #fdeeea;}
.statistics-guardian .react-calendar{background: none; height: 43vh;}
/* 보호자 그래프보기 */
#chartdiv1{height: 26vh !important;}
#chartdiv{height: 26vh !important;}
#chart{height: 27vh !important;}
#Chart2{height: 27vh !important;}
.statistics-grid{display: block;}
.statistics-grid .statistics-guardian {
margin-bottom: 1rem; padding: 0; height: 32vh;
}
.statistics-grid .statistics-guardian li{padding: 0;}
.statistics-grid .statistics-guardian li p:nth-child(1){margin-right: 1rem;}
.statistics-grid .statistics-guardian li:nth-child(1) p:nth-child(2){width: 100%;}
.statistics-grid .statistics-guardian li:nth-child(1) p:nth-child(3){display: none;}
/* Q&A */
.question-select select{width: 22%;}
/* 권한관리 */
.authority-table-pc {
display: none;
}
.authority-table-mobile thead tr:nth-child(1) {
display: flex;
}
.authority-table-mobile thead tr:nth-child(1)>div {
font-size: 1.6rem;
width: 100%;
}
.authority-table-mobile select {
margin: 1rem 0;
}
.authority-table-mobile {
display: block;
}
.authority-table-mobile thead {
display: inline-table;
width: 100%;
}
.authority-table-mobile tr,
.authority-table-mobile td {
display: revert;
}
.authority-table-mobile tr {
width: 100%;
}
.authority-table-mobile tr:nth-child(2) th:nth-child(1) {
width: 50%;
}
.authority-table-mobile td {
padding: 1rem;
width: 10%;
}
.authority-table-mobile tbody td input {
margin-right: 1rem;
}
.authority-table-mobile tbody td label {}
.authority-table-mobile th {
width: 50%;
}
/* 사용자관리 */
.senior-search{width: 25% !important;}
.searchselect label{margin-right: 2rem;}
.protector-user{margin-top: 2rem;}
.userauthoriylist{display: block;}
.userauthoriylist .left, .userauthoriylist .right {
width: 100% ;
}
.userauthoriylist .right{margin-top: 2rem;}
.tab-menu {display: block;}
.tab-menu li{width: 100%;}
.userlist{padding: 1rem !important;}
.search-management {
justify-content: space-between;
}
.search-management select {
width: 75%;
margin: 0;
}
.search-management input {
width: 100%;margin: 0;
}
.searchselect-wrap{display: block;}
.searchselect{width: max-content;}
.page-title-span{display: none}
/* button */
.btn-large {
font-size: 1.4rem;
}
/* 로그인 */
.login-wrap h1 {
font-size: 1.8rem;
line-height: 1rem;
}
.login-wrap h3 {
margin: 20% 0 5% 0;
font-size: 2rem;
text-align: center;
}
.login-form .login-inner .content {
width: 80%;
margin: 1rem auto;
}
.container {
width: 100%;
margin: 0;
padding: 2rem;
}
.container .btn-wrap {
margin-top: 5rem;
}
.container button {
width: 30%;
}
/* 검색창 */
.detail-search tbody select{margin-right: 1rem;}
.area-wrap {
display: none;
}
.search-area {
padding: 1rem;
}
.detail-search table tr,
.detail-search table th,
.detail-search table td {
display: block;
}
.detail-search table th {
width: 100%;
margin: 1rem 0;
}
.detail-search table td::before {
display: none;
}
.detail-search table tr {
border: 0;
}
.detail-search table td {
padding: 0;
border: 0;
}
.detail-search tbody tr:nth-of-type(3) td {
width: 50%;
display: flex;
}
.detail-search tbody tr:nth-of-type(3) th:nth-child(3) {
width: 100%;
}
/* 시니어 정보 상세 조회 */
.senior-detail th,
.senior-detail td {
display: block;
}
.senior-detail th {
font-size: 1.2rem;
width: 100%;
}
.senior-detail td {
width: 100%;
font-size: 1.2rem;
}
.senior-detail td span {
width: 100%;
font-size: 1.2rem;
text-align: center;
}
/* 시니어 등록창 */
.senior-insert {
display: grid;
}
.senior-insert th {
font-size: 1.4rem;
width: 50%;
padding: 1rem 10rem;
}
.senior-insert td {
display: list-item;
padding-top: 1rem;
}
.senior-insert select {
width: 100%;
}
.senior-insert input {
width: 100%;
}
.senior-insert tr:nth-child(2) .gender {
padding: 1rem 1rem;
display: flex;
flex: 0 0 25%;
}
.senior-insert tr:nth-child(2) .gender input {
width: 25%;
}
.senior-insert td::marker {
content: "";
}
/* 복약조회*/
/* 복약 상세페이지 */
.medicine-detail-graph {
display: block;
}
/* 복약 수정 페이지 */
.modal-main table th,
.modal-main table td {
display: block;
}
.modal-main table th {
width: 100%;
}
.modal-main table td {
padding: 0.5rem 0 0 12rem;
}
.medicine-revise tr {
border: 0;
}
.medicine-revise tr:nth-child(3)>td div,
.medicine-revise tr:nth-child(4)>td div,
.medicine-revise tr:nth-child(5)>td div {
width: 50%;
}
.medicine-revise tr:nth-child(3)>td div input,
.medicine-revise tr:nth-child(4)>td div input,
.medicine-revise tr:nth-child(5)>td div input {
width: 20%;
}
.medicine-revise tr:nth-child(3)>td div label,
.medicine-revise tr:nth-child(4)>td div label,
.medicine-revise tr:nth-child(5)>td div label {
width: 50%;
}
/* 댁내 온도 조회 */
/* 최근 일주일 댁내 온도(모달창) */
.temperature-modal td:nth-of-type(1) {
font-weight: 900;
padding: 1rem;
}
.temperature-modal td:nth-of-type(2):before {
content: "날짜";
}
.temperature-modal td:nth-of-type(3):before {
content: "02:00";
}
.temperature-modal td:nth-of-type(4):before {
content: "10:00";
}
.temperature-modal td:nth-of-type(5):before {
content: "14:00";
}
.temperature-modal td:nth-of-type(6):before {
content: "23:00";
}
/* 방문 조회 */
/* 방문 관리 상세 페이지 */
.senior-detail tr:nth-of-type(6) td {
display: flex;
justify-content: center;
}
.senior-detail td {
padding: 0;
}
/* 방문 수정 페이지 */
.visit-revise th {
width: 40%;
font-size: 1.4rem;
}
.visit-revise tr:nth-child(3) td {
display: block;
}
.visit-revise tr:nth-child(3) td>div {
display: flex;
margin: 0.5rem 0;
}
/* 방문 등록 */
.user-list {
display: none;
}
.insert {
display: block;
}
.insert table tr:nth-child(6) td {
display: block;
}
.insert tr:nth-child(6) td>div {
display: flex;
margin: 0.5rem 0;
}
.insert tr:nth-child(6) td>div input {
width: 50%;
}
/* 장비조회 */
.equip-tab{display: block;}
/* 장비 상세 조회 */
/* 장비등록창 */
.equipment-modal tbody td {
padding: 0.5rem;
}
}