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> </nav>
</header> </header>
<div class="p-6 flex-grow"> <div class="flex-grow">
<slot /> <slot />
</div> </div>
</main> </main>

View File

@ -1,4 +1,6 @@
<script> <script>
</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> </script>
<h2>Encode</h2> <div class="p-6">
<h1 class="font-bold text-2xl pb-4">App</h1>
<p>{outputValue}</p> <p>{outputValue}</p>
{#if wasm.status == WasmStatus.Loaded || wasm.status == WasmStatus.NotLoaded} {#if wasm.status == WasmStatus.Loaded || wasm.status == WasmStatus.NotLoaded}
<p>Current cursor: {addr} => ({latlng.lat}, {latlng.lng})</p> <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 /> <Map bind:map />
{:else if wasm.status == WasmStatus.Errored} {:else if wasm.status == WasmStatus.Errored}
<div class="flex"> <div class="flex text-xl">
<div class="py-1"> <div class="py-1">
<svg <svg
class="fill-current h-6 w-6 text-teal-500 mr-4" class="fill-current h-6 w-6 text-teal-500 mr-4"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20" viewBox="0 0 20 20"
><path ><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" 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 /></svg
> >
</div>
<div>
<p class="font-bold">Could not start core module</p>
<p class="text-sm">Error: {wasm.error}.</p>
</div>
</div> </div>
<div> {/if}
<p class="font-bold">Could not start core module</p> </div>
<p class="text-sm">Error: {wasm.error}.</p>
</div>
</div>
{/if}