Attempt to fix Pokémon sprites in Safari

codemonkey85 · Nov 22, 2024 · a221a7f · a221a7f
1 parent e3a6050
commit a221a7f
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/Pkmds.Web/Components/PokemonSlotComponent.razor b/Pkmds.Web/Components/PokemonSlotComponent.razor
@@ -9,6 +9,7 @@
           Style="@GetStyle()">
     <object class="pkm-sprite"
             type="image/png"
+            style="object-fit: contain;"
             data="@(Pokemon is { Species: > 0 } ? SpriteHelper.GetPokemonSpriteFilename(Pokemon) : null)"
             title="@(Pokemon is { Species: > 0 } ? AppService.GetPokemonSpeciesName(Pokemon.Species) : "Unknown")">
         <img class="pkm-sprite"

diff --git a/Pkmds.Web/wwwroot/css/app.css b/Pkmds.Web/wwwroot/css/app.css
@@ -1,11 +1,11 @@
 pkm-sprite {
-    max-width: 68px;
-    max-height: 56px;
+    object-fit: contain;
     align-self: center;
 }
 
 item-sprite {
     object-fit: contain;
+    align-self: center;
 }
 
 .slot-fill :hover {