Ensure layout page component always fills the page
This commit is contained in:
parent
0251ee366f
commit
c575850dc0
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue