fix(ui): force 1:1 ratio and padding for enemy images

This commit is contained in:
Joan
2026-02-07 23:17:40 +01:00
parent 05136e9708
commit 596a3ce010

View File

@@ -9,20 +9,23 @@
} }
/* Padded Image for enemies */ /* Padded Image for enemies */
/* Padded Image for enemies */ /* Padded Image for enemies - Matches item card structure but with padding */
.padded-image { .padded-image {
padding: 10px; padding: 10px;
box-sizing: border-box; box-sizing: border-box;
width: 100%;
height: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 100%; overflow: hidden;
height: 100%;
} }
.padded-image img { .padded-image img {
width: 100%;
height: 100%;
object-fit: contain !important; object-fit: contain !important;
/* Ensure enemies don't get cropped by cover if padded */ /* Ensure enemies don't get cropped */
} }
/* Remove old expanded grid styles */ /* Remove old expanded grid styles */