Jonas_Jones/blog.jonasjones.dev
1
0
Fork 0
mirror of https://github.com/JonasunderscoreJones/blog.jonasjones.dev.git synced 2025-10-22 18:49:19 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

fixed loading screen

Browse source
This commit is contained in:
J-onasJones 2024-06-15 14:50:19 +02:00
parent 95f12130eb
commit fa5934c684
1 changed files with 21 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

28
src/routes/Loading.svelte
View file

@ -1,9 +1,23 @@
<h2>Loading…</h2>
<div id="loading">
<img src="/loading.gif" alt="Loading..." height="400px" />
<h1 id="msg">Loading Post...</h1>
</div>
<p>We're loading the route!</p>
<p>Here's your message: {params && params.message}</p>
<script>
// Prop exported that will be filled by the router
export let params
</script>
<style>
#loading {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
text-align: center;
}
#msg {
margin-top: 0;
font-family: 'Libre Barcode 128';
font-size: 5em;
font-weight: 400;
}
</style>