Fix backend page height and improve style consistency

This commit is contained in:
Andrew Kingston 2020-09-24 15:11:40 +01:00
parent 6b50b47ee0
commit 1d4a1b86ca
1 changed files with 5 additions and 5 deletions

View File

@ -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>