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,7 +64,8 @@
}; };
</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}
@ -74,7 +75,7 @@
<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"
@ -91,3 +92,4 @@
</div> </div>
</div> </div>
{/if} {/if}
</div>