mnml/client/assets/styles/styles.mobile.css
2019-06-03 15:03:38 +10:00

46 lines
723 B
CSS

@media (max-height: 800px), (max-width: 1000px) {
#mnml {
font-size: 8pt;
padding: 0;
grid-template-columns: min-content 1fr;
grid-template-rows: min-content 1fr;
grid-template-areas:
"tnav hd "
"main main";
}
#mnml button {
font-size: 8pt;
}
table td {
height: 2.5em;
}
nav {
display: none;
}
#nav-btn {
display: inline-block;
margin: 0 0.5em;
}
#mnml.nav-visible nav {
display: block;
grid-area: main;
}
#mnml.nav-visible main {
display: none;
}
main {
overflow-x: hidden;
}
.login {
width: 100%;
}
}