fix(ui): force 1:1 ratio and padding for enemy images
This commit is contained in:
@@ -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 */
|
||||||
|
|||||||
Reference in New Issue
Block a user