Fix backend page height and improve style consistency
This commit is contained in:
parent
f7356539bc
commit
c9418aa572
|
@ -17,7 +17,7 @@
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
.root {
|
.root {
|
||||||
height: 100%;
|
height: calc(100vh - 60px);
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 300px minmax(0, 1fr);
|
grid-template-columns: 300px minmax(0, 1fr);
|
||||||
background: var(--grey-1);
|
background: var(--grey-1);
|
||||||
|
@ -25,11 +25,11 @@
|
||||||
}
|
}
|
||||||
.content {
|
.content {
|
||||||
flex: 1 1 auto;
|
flex: 1 1 auto;
|
||||||
margin: 20px 40px;
|
margin: var(--spacing-xl) 40px;
|
||||||
}
|
}
|
||||||
.nav {
|
.nav {
|
||||||
flex: 0 1 auto;
|
overflow-y: auto;
|
||||||
width: 300px;
|
background: var(--white);
|
||||||
height: 100%;
|
padding: var(--spacing-xl);
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Reference in New Issue