Add splash component
This commit is contained in:
parent
aed9c4055b
commit
5eafaa736b
1 changed files with 24 additions and 0 deletions
24
frontend/src/routes/components/Splash.svelte
Normal file
24
frontend/src/routes/components/Splash.svelte
Normal file
|
@ -0,0 +1,24 @@
|
|||
<script>
|
||||
import { onMount } from 'svelte';
|
||||
import { fade } from 'svelte/transition';
|
||||
|
||||
let visible = false;
|
||||
|
||||
onMount(() => {
|
||||
setTimeout(() => {
|
||||
visible = true;
|
||||
}, 500);
|
||||
});
|
||||
</script>
|
||||
|
||||
{#if visible}
|
||||
<img transition:fade src="/splash.jpeg" alt="splash" />
|
||||
{/if}
|
||||
|
||||
<style>
|
||||
img {
|
||||
height: auto;
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
}
|
||||
</style>
|
Loading…
Reference in a new issue