Docker/AdventureLog
Docker/AdventureLog
1
0
Fork 0
mirror of https://github.com/seanmorley15/AdventureLog.git synced 2025-08-04 12:45: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 Navbar from "$lib/components/Navbar.svelte";
import "../app.css";
// only show footer if scrolled to the bottom
</script>
<Navbar />
@ -10,10 +13,10 @@
</section>
<!-- <Footer /> -->
<style>
<!-- <style>
section {
margin-top: 2rem;
margin-bottom: 5rem;
/* 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 mapDrawing from "$lib/assets/adventure_map.svg"
import EditModal from "$lib/components/EditModal.svelte";
import { Input } from "postcss";
let newName = '';
let newLocation = '';
@ -119,14 +117,14 @@
</div>
{#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>
<img src={mapDrawing} width="25%" alt="Logo" />
</div>
{/if}
{#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(); }}>
<img src={exportFile} class="inline-block -mt-1" alt="Logo" /> Save as File
</button>