Ensure layout page component always fills the page

5 years ago · 1c56e9502d
1 changed files with 2 additions and 0 deletions
--- a/packages/bbui/src/Layout/Page.svelte
+++ b/packages/bbui/src/Layout/Page.svelte
@ -15,6 +15,7 @@
    max-width: 80ch;
    margin: 0 auto;
    padding: calc(var(--spacing-xl) * 2);
+    min-height: calc(100% - var(--spacing-xl) * 4);
  }

  .wide {
@ -22,5 +23,6 @@
    margin: 0;
    padding: var(--spacing-xl) calc(var(--spacing-xl) * 2)
      calc(var(--spacing-xl) * 2) calc(var(--spacing-xl) * 2);
+    min-height: calc(100% - var(--spacing-xl) * 3);
  }
 </style>