Ensure layout page component always fills the page

This commit is contained in:
Andrew Kingston 2021-05-18 13:52:26 +01:00
parent 0251ee366f
commit c575850dc0
1 changed files with 2 additions and 0 deletions

View File

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