Merge pull request #83 from jcreek/82-improve-data-seeding-performance

82 improve data seeding performance

src/lib/components/pokedex/PokedexEntryCatchRecord.svelte

@@ -62,6 +62,14 @@
 	class="dex-entry bg-primary/90 text-primary-content rounded-lg shadow-md p-6 flex flex-col md:flex-row gap-4 mb-4"
 >
 	<div class="dex-column pokedex-entry-container">
+		<div class="flex mb-2">
+			<div class="pl-2">
+				<h3 class="text-xl font-bold pt-1">{pokedexEntry.pokemon}</h3>
+				<sub class="text-primary-content/80"
+					>#{pokedexEntry.pokedexNumber.toString().padStart(3, '0')}</sub
+				>
+			</div>
+		</div>
 		<div class="flex mb-2">
 			<div class="sprite-container flex justify-center items-center bg-base-100 rounded-lg p-2">
 				<PokemonSprite
@@ -72,12 +80,6 @@
 					shiny={showShiny}
 				/>
 			</div>
-			<div class="pl-2">
-				<h3 class="text-xl font-bold pt-1">{pokedexEntry.pokemon}</h3>
-				<sub class="text-primary-content/80"
-					>#{pokedexEntry.pokedexNumber.toString().padStart(3, '0')}</sub
-				>
-			</div>
 		</div>
 
 		{#if showForms}
@@ -239,7 +241,7 @@
 	}
 
 	.sprite-container {
-		width: 68px;
+		width: 100%;
-		height: 68px;
+		aspect-ratio: 1;
 	}
 </style>