Fix backend page height and improve style consistency

6 years ago · c9418aa572
1 changed files with 5 additions and 5 deletions
--- a/packages/builder/src/pages/[application]/backend/_layout.svelte
+++ b/packages/builder/src/pages/[application]/backend/_layout.svelte
@ -17,7 +17,7 @@

 <style>
  .root {
-    height: 100%;
+    height: calc(100vh - 60px);
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    background: var(--grey-1);
@ -25,11 +25,11 @@
  }
  .content {
    flex: 1 1 auto;
-    margin: 20px 40px;
+    margin: var(--spacing-xl) 40px;
  }
  .nav {
-    flex: 0 1 auto;
-    width: 300px;
-    height: 100%;
+    overflow-y: auto;
+    background: var(--white);
+    padding: var(--spacing-xl);
  }
 </style>