Spaces:
Runtime error
Runtime error
File size: 1,549 Bytes
ec3efd7 b7b124d ec3efd7 a2092d0 ec3efd7 a2092d0 ec3efd7 b7b124d ec3efd7 b7b124d ec3efd7 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 |
<script lang="ts">
import TemplateGallery from "$lib/TemplateGallery.svelte";
import BrushSelector from "$lib/BrushSelector.svelte";
import ParamSelector from "$lib/ParamsSelector.svelte";
import DrawingCanvas from "$lib/DrawingCanvas.svelte";
import ResultCanvas from "$lib/ResultCanvas.svelte";
import { generateMap, saveResult, resultImage } from "$lib/store";
let results = false;
</script>
<div class="max-w-screen-md mx-auto px-3 py-5 relative z-0">
<article class="prose">
<h1>Drawing to Map</h1>
</article>
<p>This is the official huggingface space for <a href="https://github.com/RubenGres/Drawing2Map">Drawing2Map</a></p>
<BrushSelector />
<div class="drawings py-3 -mx-3">
<DrawingCanvas />
<ResultCanvas />
</div>
<button
on:click|preventDefault={() => ($generateMap = true)}
disabled={$generateMap === true}
class="green"
>
Generate Map
</button>
<button
on:click|preventDefault={() => ($saveResult = true)}
disabled={$saveResult === true || !$resultImage}
>
Save Result
</button>
<TemplateGallery />
<ParamSelector />
</div>
<style lang="postcss" scoped>
.drawings {
@apply grid grid-cols-[2fr_1.5fr] sm:grid-cols-2 place-items-center;
}
button {
@apply p-1 disabled:opacity-50 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-50 dark:border-gray-300 dark:focus:ring-blue-500 dark:focus:border-blue-500;
}
.green {
background-color: lightgreen;
font-weight: bold;
font-size: 1.2em;
}
</style>
|