KevinMidboe/brewpi
1
0
Fork 0
mirror of https://github.com/KevinMidboe/brewPi.git synced 2025-10-29 08:40:13 +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'; import '../styles/global.css';
</script> </script>
<HeaderComponent /> <div class="app">
<!-- <Darkmode/> --> <HeaderComponent />
<!-- <Darkmode/> -->
<div class="page-content"> <main>
<slot /> <slot />
</main>
</div> </div>
<style lang="scss"> <style lang="scss">
@import '../styles/media-queries.scss'; @import '../styles/media-queries.scss';
.page-content { .app {
min-height: calc(100vh - var(--header-height));
}
main {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-height: calc(100vh - var(--header-height)); min-height: 95vh;
margin: var(--header-height) 2.5rem 0; margin: var(--header-height) 2.5rem 0;
@include mobile { @include mobile {
margin: var(--header-height) 1rem 0; margin: var(--header-height) 1rem 0;
min-height: 85vh;
} }
} }
</style> </style>