feat(*): Improve layout

This commit is contained in:
Josh Creek
2024-07-14 12:08:29 +01:00
parent e9c483045a
commit 2608f3dba6
2 changed files with 105 additions and 103 deletions
+5 -3
View File
@@ -87,6 +87,7 @@
<!-- <link rel="apple-touch-icon" href="%sveltekit.assets%/apple-touch-icon.png" /> --> <!-- <link rel="apple-touch-icon" href="%sveltekit.assets%/apple-touch-icon.png" /> -->
</svelte:head> </svelte:head>
<div class="flex flex-col min-h-screen">
<header> <header>
<div class="navbar bg-primary text-primary-content"> <div class="navbar bg-primary text-primary-content">
<div class="navbar-start"> <div class="navbar-start">
@@ -163,7 +164,7 @@
</div> </div>
</header> </header>
<main> <main class="flex-grow">
<slot /> <slot />
</main> </main>
@@ -186,8 +187,8 @@
</svg> </svg>
</a> </a>
<p> <p>
Open source and free to use, forever. We are in no way associated with Nintendo, Game Freak or Open source and free to use, forever. We are in no way associated with Nintendo, Game Freak
The Pokémon Company. or The Pokémon Company.
</p> </p>
</aside> </aside>
<nav class="grid-flow-col gap-4 md:place-self-center md:justify-self-end"> <nav class="grid-flow-col gap-4 md:place-self-center md:justify-self-end">
@@ -210,3 +211,4 @@
{#await import('$lib/components/pwa/ReloadPrompt.svelte') then { default: ReloadPrompt }} {#await import('$lib/components/pwa/ReloadPrompt.svelte') then { default: ReloadPrompt }}
<ReloadPrompt /> <ReloadPrompt />
{/await} {/await}
</div>
+1 -1
View File
@@ -98,7 +98,7 @@
</div> </div>
</aside> </aside>
<main class="flex-1 p-4"> <main class="flex-1 p-4 ml-64">
<div class="max-w-min mx-auto"> <div class="max-w-min mx-auto">
{#if combinedData} {#if combinedData}
{#each combinedData as { pokedexEntry, catchRecord }} {#each combinedData as { pokedexEntry, catchRecord }}