mirror of
https://github.com/Nutomic/ibis.git
synced 2024-11-25 12:11:08 +00:00
fix: mobile css layout (#22)
This commit is contained in:
parent
a057f00e24
commit
7c7068b619
1 changed files with 21 additions and 4 deletions
|
@ -19,15 +19,32 @@ nav {
|
||||||
|
|
||||||
main {
|
main {
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
flex-grow: 1;
|
flex-grow: 2;
|
||||||
padding-top: 0;
|
padding: 0 30px 30px 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
main .inner {
|
||||||
|
margin: 0 -30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav form {
|
||||||
|
margin: 0.5rem 1rem 0rem 0rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.item-view {
|
.item-view {
|
||||||
padding: 0 20px 20px 20px;
|
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
}
|
}
|
||||||
|
|
||||||
pre {
|
pre {
|
||||||
white-space: pre-wrap;
|
white-space: pre-wrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 720px) {
|
||||||
|
body {
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
nav input {
|
||||||
|
max-width: 200px;
|
||||||
|
}
|
||||||
|
nav li { display: inline-block }
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in a new issue