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,17 +64,18 @@
}; };
</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"
@ -90,4 +91,5 @@
<p class="text-sm">Error: {wasm.error}.</p> <p class="text-sm">Error: {wasm.error}.</p>
</div> </div>
</div> </div>
{/if} {/if}
</div>