File name
Commit message
Commit date
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;
}
.page-title-span {
font-size: 2rem;
position: absolute;
right: 0;
top: 3.3rem;
margin-right: 6rem;
}
/* 공통 */
#root,
#App {
height: fit-content;
}
#layout {
display: block;
}
#pages {
padding: 0;
padding-top: 8rem;
}
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;
}
.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 #Donut1 {
height: 32vh;
}
.main-grid-government .content-box:nth-child(8),
.main-grid-government .content-box:nth-child(6) {
height: 39rem;
}
#RowChart > div {
height: 36rem;
}
.main-grid-government .content-box {
margin-bottom: 0rem;
}
.main-grid-government > .content-box {
margin-bottom: 1rem;
}
.statistics-govern {
margin-bottom: 0;
display: block;
}
.sub-grid-government {
grid-template-columns: 1fr 1fr;
margin-bottom: 1rem;
}
.main-grid-government div:nth-child(3) {
height: 52rem;
}
.main-grid-government div:nth-child(5) {
height: 36rem;
}
/* 보호자 메인 */
.main-guardian .react-calendar {
height: auto !important;
}
.main-grid-guardian {
display: block;
padding: 0 1rem;
}
.main-grid-guardian #fullDate {
display: block;
}
.main-grid-guardian > div:nth-child(4) {
height: 45vh;
}
.main-grid-guardian > div:nth-child(3) {
height: 33vh;
}
.main-grid-guardian > div:nth-child(2) {
height: 26vh;
}
.battery {
display: block;
}
.battery-mobile {
display: none;
}
.statistics-guardian li {
padding: 1rem;
}
.smallbox {
box-shadow: 1px 1px 9px 3px rgb(0 0 0 / 11%);
}
.guardian-medicine ul li img {
left: -23px;
}
.medicine-title {
top: 96px;
left: -3px;
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;
}
}
/* 모바일 가로, 테블릿 세로 (해상도 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;
}
.page-title-span {
font-size: 2rem;
position: absolute;
right: 0;
top: 3.3rem;
margin-right: 6rem;
}
.ittLqr {
font-size: 1.3rem !important;
}
/* 공통 */
#root,
#App {
height: fit-content;
}
#layout {
display: block;
}
#pages {
padding: 0;
padding-top: 8rem;
}
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;
}
.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 #Donut1 {
height: 32vh;
}
.main-grid-government .content-box:nth-child(8),
.main-grid-government .content-box:nth-child(6) {
height: 39rem;
}
#RowChart > div {
height: 36rem;
}
.main-grid-government .content-box {
margin-bottom: 0rem;
}
.main-grid-government > .content-box {
margin-bottom: 1rem;
}
.statistics-govern {
margin-bottom: 0;
display: block;
}
.sub-grid-government {
grid-template-columns: 1fr 1fr;
margin-bottom: 1rem;
}
.main-grid-government div:nth-child(3) {
height: 52rem;
}
.main-grid-government div:nth-child(5) {
height: 36rem;
}
/* 보호자 메인 */
.main-guardian img {
width: 3rem;
}
.main-guardian .react-calendar {
height: auto !important;
}
.main-grid-guardian {
display: block;
padding: 0 1rem;
}
.main-grid-guardian #fullDate {
display: block;
}
.main-grid-guardian > div:nth-child(4) {
height: 45vh;
}
.main-grid-guardian > div:nth-child(3) {
height: 33vh;
}
.main-grid-guardian > div:nth-child(2) {
height: 26vh;
}
.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 ul li img {
left: -23px;
}
.medicine-title {
top: 96px;
left: -3px;
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게시판 */
/* 사용자관리 */
.userauthoriylist {
display: block;
}
.userauthoriylist .left,
.userauthoriylist .right {
width: 100%;
}
.userauthoriylist .right {
margin-top: 2rem;
}
.modal .modal-inner {
width: 100%;
border-radius: 0;
}
.modal-main .qna-insert td {
padding: 1rem;
}
.search-management button {
width: -webkit-fill-available;
}
/* 건강관리 */
.searchselect {
width: 48%;
}
/* 기관등록 */
.agency-insert tbody tr th {
width: 30%;
}
}
/* 모바일 세로 (해상도 ~ 479px)*/
@media all and (max-width: 479px) {
table span {
display: block;
}
input {
width: auto;
}
.menuicon {
display: block;
position: fixed;
}
.weather-info {
display: none;
}
.info-wrap {
display: none;
}
.ittLqr {
font-size: 1.3rem !important;
}
/* 공통 */
html {
}
body {
}
#layout {
display: block;
}
#pages {
padding: 0;
padding-top: 8rem;
background-color: #ffffff;
}
main {
padding: 3rem 1rem 2rem 1rem;
height: fit-content;
}
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;
}
nav.close {
left: -320px;
}
.bottom-section {
padding: 0.9rem;
bottom: 6rem;
}
.content-wrap {
padding: 0rem;
}
th,
td,
tr {
display: block;
}
.logo img {
width: 24rem;
}
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) {
height: 50vh;
}
.main-grid-guardian > div:nth-child(3) {
height: 39vh;
}
.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 ul li img {
left: -23px;
}
.medicine-title {
top: 96px;
left: -3px;
width: 3rem;
}
.react-calendar__month-view__days button {
padding: 1rem;
}
.pink {
background-color: #fdeeea;
}
.statistics-guardian .react-calendar {
background: none;
}
/* 보호자 그래프보기 */
#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: unset;
}
.modal .modal-inner {
width: 100%;
border-radius: 0;
}
.modal-main .qna-insert td {
padding: 0.5rem;
}
.modal-main .qna-insert td input,
.modal-main .qna-insert td textarea {
width: -webkit-fill-available;
}
/* 권한관리 */
.authority-table tbody tr td:nth-child(1) {
background: #e4dccf;
}
/* 사용자관리 */
.modal-main {
max-height: 60rem;
overflow: scroll;
}
.modal .modal-inner .modal-header {
background-color: #ffffff;
}
.senior-search {
width: 100% !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;
gap: 1rem;
}
.search-management select {
width: -webkit-fill-available;
margin: 0;
}
.search-management button {
width: -webkit-fill-available;
}
.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 {
}
.area-wrap {
display: none;
}
.search-area {
}
.detail-search{padding-bottom: 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%;
}
/* 시니어 정보 상세 조회 */
.tab-container > div > div:nth-child(2) {
display: block;
}
.senior-detail th,
.senior-detail td {
display: inline-table;
margin: 0.5rem;
}
.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;
background-color: #f2f0eb;
}
.senior-insert td {
padding: 1rem !important;
}
.senior-insert select {
width: 100%;
}
.senior-insert input,
.senior-insert textarea {
width: -webkit-fill-available;
}
.modal-main table td .senior-insert tr:nth-child(2) .gender {
padding: 1rem 1rem;
display: flex;
flex: 0 0 25%;
}
.senior-insert tr:nth-child(2) .gender input {
}
.senior-insert input[type="date"] {
width: 100%;
}
.senior-insert td::marker {
content: "";
}
.senior-insert .gender {
display: flex;
gap: 2rem;
justify-content: center;
}
/* 복약조회*/
/* 복약 상세페이지 */
.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-left: 2rem;
}
/* 방문 수정 페이지 */
.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-detail thead{display: none;}
/* 장비등록창 */
.equipment-modal tbody td {
padding: 0.5rem;
}
.equipment-insert select {
width: 100%;
height: 3.7rem;
}
.equipment-insert td {
padding: 0.5rem !important;
}
/* 위험 기준 관리 */
/* 기관 등록 */
.modal-main .agency-insert td {
padding: 0.5rem;
}
/* 기관조회 */
.total {
display: block;
}
.total-senior::before {
margin: 0;
}
.total-equip {
margin-bottom: 0.5rem;
}
.senior-table {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.senior-table thead{display: none;}
.senior-table span{border-bottom: 1px solid #e4dccf; font-weight: bold; padding: 0.5rem; margin-bottom: 0.5rem; }
.senior-table span img{width: 2rem; }
.senior-table tr{background-color: #f2f0eb; padding: 1rem; margin-bottom: 1rem;}
.senior-table td{background-color: #ffffffde;
border-radius: 5px; margin-bottom: 0.5rem;}
.senior-table .btn-wrap{margin-top: 0;}
.qnaselect{width: -webkit-fill-available;}
/* 담당자등록 */
.join-inner {padding: 0;}
.join-inner input{width: -webkit-fill-available;}
.join-inner .id > div{ text-align: end; }
.join-inner .id button{margin-left: 1rem;}
.join-inner #id{margin: 0; width: 100%;}
/* 복약상세페이지 */
.medicine-grid{display: block;}
.medicine-grid > div{height: max-content;}
}