KevinMidboe/brewpi
1
0
Fork 0
mirror of https://github.com/KevinMidboe/brewPi.git synced 2025-10-29 00:40:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

Better use of entire viewport size

Browse Source
This commit is contained in:
Kevin
2023-08-27 13:45:20 +02:00
parent c1953517e7
commit 3a8587b2ad
1 changed files with 13 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/routes/+layout.svelte
View File

@@ -4,24 +4,31 @@
import '../styles/global.css';
</script>
<HeaderComponent />
<!-- <Darkmode/> -->
<div class="app">
<HeaderComponent />
<!-- <Darkmode/> -->
<div class="page-content">
<slot />
<main>
<slot />
</main>
</div>
<style lang="scss">
@import '../styles/media-queries.scss';
.page-content {
.app {
min-height: calc(100vh - var(--header-height));
}
main {
display: flex;
flex-direction: column;
min-height: calc(100vh - var(--header-height));
min-height: 95vh;
margin: var(--header-height) 2.5rem 0;
@include mobile {
margin: var(--header-height) 1rem 0;
min-height: 85vh;
}
}
</style>