58 lines
999 B
Svelte
58 lines
999 B
Svelte
<script>
|
|
import { currentChartID } from './stores';
|
|
import ChartEdit from './ChartEdit.svelte';
|
|
import ChartCreation from './ChartCreation.svelte';
|
|
import IoMdHeart from 'svelte-icons/io/IoMdHeart.svelte';
|
|
import { H1 } from 'attractions';
|
|
</script>
|
|
|
|
<style>
|
|
.icon {
|
|
width: 0.8em;
|
|
height: 0.8em;
|
|
display: inline-block;
|
|
}
|
|
footer {
|
|
width: 100%;
|
|
font-size: 1em;
|
|
text-align: center;
|
|
color: #888;
|
|
position: absolute;
|
|
bottom: -1.2em;
|
|
left: 0;
|
|
}
|
|
|
|
header {
|
|
margin-top: 0.5em;
|
|
margin-bottom: 0;
|
|
text-align: center;
|
|
}
|
|
|
|
main {
|
|
min-height: 100%;
|
|
position: absolute;
|
|
width: 100%;
|
|
}
|
|
|
|
content {
|
|
margin-bottom: 1.2em;
|
|
}
|
|
</style>
|
|
|
|
<main>
|
|
<content>
|
|
<header>
|
|
<H1>chartmaker</H1>
|
|
</header>
|
|
|
|
{#if $currentChartID}
|
|
<ChartEdit/>
|
|
{:else}
|
|
<ChartCreation/>
|
|
{/if}
|
|
|
|
<footer>
|
|
made with <div class="icon"><IoMdHeart/></div> by oatmealine. <a target="_blank" href="https://git.oat.zone/oat/project-databased-fe">source</a>
|
|
</footer>
|
|
</content>
|
|
</main> |