Started on timeline
This commit is contained in:
parent
3d36a59d36
commit
76e57d82c5
8 changed files with 764 additions and 67 deletions
27
src/comps/timeline/timelineItem.svelte
Normal file
27
src/comps/timeline/timelineItem.svelte
Normal file
|
@ -0,0 +1,27 @@
|
|||
<script lang="ts">
|
||||
import HorizonalStack from "../Utils/HorizonalStack.svelte";
|
||||
import Img from '@zerodevx/svelte-img'
|
||||
import VerticalStack from "../Utils/VerticalStack.svelte";
|
||||
|
||||
// Set these when using the component
|
||||
export let date: string = "null";
|
||||
export let imagePath: string = "null";
|
||||
export let title: string = "null";
|
||||
export let desc: string = "null";
|
||||
</script>
|
||||
|
||||
<div>
|
||||
<title>{title}</title>
|
||||
<HorizonalStack>
|
||||
{#if imagePath !== "null"}
|
||||
<Img src={imagePath}/>
|
||||
{/if}
|
||||
<VerticalStack>
|
||||
|
||||
</VerticalStack>
|
||||
</HorizonalStack>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
|
||||
</style>
|
Loading…
Add table
Add a link
Reference in a new issue