jedmund/jedmund-svelte
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix footer positioning

Browse source
This commit is contained in:
Justin Edmund 2025-06-11 02:03:26 -07:00
parent c38511ed62
commit a8bee8d9da
2 changed files with 28 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/lib/components/Footer.svelte
View file

@ -30,8 +30,8 @@
<style lang="scss">
.site-footer {
width: 100%;
padding: $unit-5x 0;
margin-top: $unit-6x;
padding: $unit-2x 0;
margin-top: $unit-3x;
}
.footer-content {

36
src/routes/+layout.svelte
View file

@ -12,17 +12,19 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
</svelte:head>
{#if !isAdminRoute}
<Header />
{/if}
<div class="layout-wrapper" class:admin-route={isAdminRoute}>
{#if !isAdminRoute}
<Header />
{/if}
<main class:admin-route={isAdminRoute}>
<slot />
</main>
<main class:admin-route={isAdminRoute}>
<slot />
</main>
{#if !isAdminRoute}
<Footer />
{/if}
{#if !isAdminRoute}
<Footer />
{/if}
</div>
<style lang="scss">
@import '../assets/styles/reset.css';
@ -38,10 +40,24 @@
:global(body) {
margin: 0;
padding: 0;
min-height: 100vh;
display: flex;
flex-direction: column;
}
.layout-wrapper {
display: flex;
flex-direction: column;
min-height: 100vh;
width: 100%;
&.admin-route {
min-height: auto;
}
}
main {
min-height: 100vh;
flex: 1 0 auto;
&.admin-route {
min-height: auto;