Docker/AdventureLog
Docker/AdventureLog
1
0
Fork 0
mirror of https://github.com/seanmorley15/AdventureLog.git synced 2025-08-05 05:05:17 +02:00
Code Issues Releases Activity

Add footer scroll functionality and update layout styles

Browse source
This commit is contained in:
Sean Morley 2024-04-01 23:30:59 +00:00
parent a0f07a9980
commit c23ea0ce5e
2 changed files with 7 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/routes/+layout.svelte
View file

@ -2,6 +2,9 @@
import Footer from "$lib/components/Footer.svelte"; import Footer from "$lib/components/Footer.svelte";
import Navbar from "$lib/components/Navbar.svelte"; import Navbar from "$lib/components/Navbar.svelte";
import "../app.css"; import "../app.css";
// only show footer if scrolled to the bottom
</script> </script>
<Navbar /> <Navbar />
@ -10,10 +13,10 @@
</section> </section>
<!-- <Footer /> --> <!-- <Footer /> -->
<style> <!-- <style>
section { section {
margin-top: 2rem; margin-top: 2rem;
margin-bottom: 5rem; margin-bottom: 5rem;
/* gives the footer space! */ /* gives the footer space! */
} }
</style> </style> -->

6
src/routes/log/+page.svelte
View file

@ -10,8 +10,6 @@
import SucessToast from "$lib/components/SucessToast.svelte"; import SucessToast from "$lib/components/SucessToast.svelte";
import mapDrawing from "$lib/assets/adventure_map.svg" import mapDrawing from "$lib/assets/adventure_map.svg"
import EditModal from "$lib/components/EditModal.svelte"; import EditModal from "$lib/components/EditModal.svelte";
import { Input } from "postcss";
let newName = ''; let newName = '';
let newLocation = ''; let newLocation = '';
@ -119,14 +117,14 @@
</div> </div>
{#if adventures.length == 0} {#if adventures.length == 0}
<div class="flex flex-col items-center justify-center mt-28"> <div class="flex flex-col items-center justify-center mt-16">
<article class="prose mb-4"><h2>Add some adventures!</h2></article> <article class="prose mb-4"><h2>Add some adventures!</h2></article>
<img src={mapDrawing} width="25%" alt="Logo" /> <img src={mapDrawing} width="25%" alt="Logo" />
</div> </div>
{/if} {/if}
{#if adventures.length != 0} {#if adventures.length != 0}
<div class="flex flex-row items-center justify-center mt-28 gap-4"> <div class="flex flex-row items-center justify-center mt-16 gap-4">
<button class="btn btn-neutral" on:click={async () => { window.location.href = exportData(); }}> <button class="btn btn-neutral" on:click={async () => { window.location.href = exportData(); }}>
<img src={exportFile} class="inline-block -mt-1" alt="Logo" /> Save as File <img src={exportFile} class="inline-block -mt-1" alt="Logo" /> Save as File
</button> </button>