Fix styling

This commit is contained in:
Austen Adler 2023-03-12 23:57:29 -04:00
parent 53b7cef2c0
commit aca323ccf6
3 changed files with 29 additions and 25 deletions

View File

@ -40,7 +40,7 @@
</nav>
</header>
<div class="p-6 flex-grow">
<div class="flex-grow">
<slot />
</div>
</main>

View File

@ -1,4 +1,6 @@
<script>
</script>
<h2>Home</h2>
<div class="p-6">
<h1 class="font-bold text-2xl pb-4">Home</h1>
</div>

View File

@ -64,30 +64,32 @@
};
</script>
<h2>Encode</h2>
<div class="p-6">
<h1 class="font-bold text-2xl pb-4">App</h1>
<p>{outputValue}</p>
{#if wasm.status == WasmStatus.Loaded || wasm.status == WasmStatus.NotLoaded}
<p>Current cursor: {addr} => ({latlng.lat}, {latlng.lng})</p>
<p>{outputValue}</p>
{#if wasm.status == WasmStatus.Loaded || wasm.status == WasmStatus.NotLoaded}
<p>Current cursor: {addr} => ({latlng.lat}, {latlng.lng})</p>
<AddressInput bind:value={addr} on:input={input} />
<AddressInput bind:value={addr} on:input={input} />
<Map bind:map />
{:else if wasm.status == WasmStatus.Errored}
<div class="flex">
<div class="py-1">
<svg
class="fill-current h-6 w-6 text-teal-500 mr-4"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
><path
d="M2.93 17.07A10 10 0 1 1 17.07 2.93 10 10 0 0 1 2.93 17.07zm12.73-1.41A8 8 0 1 0 4.34 4.34a8 8 0 0 0 11.32 11.32zM9 11V9h2v6H9v-4zm0-6h2v2H9V5z"
/></svg
>
<Map bind:map />
{:else if wasm.status == WasmStatus.Errored}
<div class="flex text-xl">
<div class="py-1">
<svg
class="fill-current h-6 w-6 text-teal-500 mr-4"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
><path
d="M2.93 17.07A10 10 0 1 1 17.07 2.93 10 10 0 0 1 2.93 17.07zm12.73-1.41A8 8 0 1 0 4.34 4.34a8 8 0 0 0 11.32 11.32zM9 11V9h2v6H9v-4zm0-6h2v2H9V5z"
/></svg
>
</div>
<div>
<p class="font-bold">Could not start core module</p>
<p class="text-sm">Error: {wasm.error}.</p>
</div>
</div>
<div>
<p class="font-bold">Could not start core module</p>
<p class="text-sm">Error: {wasm.error}.</p>
</div>
</div>
{/if}
{/if}
</div>