feat(*): Make pokemon sprite bigger

This commit is contained in:
Josh Creek
2026-01-19 12:18:25 +00:00
parent e819929898
commit dfa0569119
@@ -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" 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="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="flex mb-2">
<div class="sprite-container flex justify-center items-center bg-base-100 rounded-lg p-2"> <div class="sprite-container flex justify-center items-center bg-base-100 rounded-lg p-2">
<PokemonSprite <PokemonSprite
@@ -72,12 +80,6 @@
shiny={showShiny} shiny={showShiny}
/> />
</div> </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> </div>
{#if showForms} {#if showForms}
@@ -239,7 +241,8 @@
} }
.sprite-container { .sprite-container {
width: 68px; width: 100%;
height: 68px; /* height: 300px; */
aspect-ratio: 1;
} }
</style> </style>