feat(*): Improve layout

This commit is contained in:
Josh Creek
2024-07-14 12:08:29 +01:00
parent 953524cecf
commit 90f6bd6e75
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 }}