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"> <style lang="scss">
.site-footer { .site-footer {
width: 100%; width: 100%;
padding: $unit-5x 0; padding: $unit-2x 0;
margin-top: $unit-6x; margin-top: $unit-3x;
} }
.footer-content { .footer-content {

18
src/routes/+layout.svelte
View file

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