Fix content sizing to not allow empty scrolling, make panel-switcher not grow on mobile
This commit is contained in:
parent
222b0aa982
commit
1ade284293
19
src/App.scss
19
src/App.scss
@ -16,7 +16,12 @@ h4 {
|
|||||||
}
|
}
|
||||||
|
|
||||||
#content {
|
#content {
|
||||||
padding-top: 60px;
|
box-sizing: border-box;
|
||||||
|
padding-top: 60px;
|
||||||
|
margin: auto;
|
||||||
|
min-height: 100vh;
|
||||||
|
max-width: 980px;
|
||||||
|
background-color: rgba(0,0,0,0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
.text-center {
|
.text-center {
|
||||||
@ -157,15 +162,6 @@ main-router {
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
#content {
|
|
||||||
margin: auto;
|
|
||||||
min-height: 100vh;
|
|
||||||
max-width: 980px;
|
|
||||||
padding-bottom: 1em;
|
|
||||||
background-color: rgba(0,0,0,0.1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.container > * {
|
.container > * {
|
||||||
min-width: 0px;
|
min-width: 0px;
|
||||||
}
|
}
|
||||||
@ -210,10 +206,11 @@ nav {
|
|||||||
.panel-switcher {
|
.panel-switcher {
|
||||||
display: none;
|
display: none;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
height: 46px;
|
||||||
button {
|
button {
|
||||||
display: block;
|
display: block;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
|
max-height: 32px;
|
||||||
margin: 0.5em;
|
margin: 0.5em;
|
||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user