fix(ui): improve location view styling (centered enemy images, correct dropdown pos)

This commit is contained in:
Joan
2026-02-07 22:48:11 +01:00
parent c9d180379a
commit 0e0ac10b20
2 changed files with 14 additions and 4 deletions

View File

@@ -8,10 +8,21 @@
/* Ensure padding inside container */
}
/* Padded Image for enemies */
/* Padded Image for enemies */
.padded-image {
padding: 10px;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
.padded-image img {
object-fit: contain !important;
/* Ensure enemies don't get cropped by cover if padded */
}
/* Remove old expanded grid styles */

View File

@@ -102,11 +102,10 @@ function LocationView({
if (activeDropdown === id) {
setActiveDropdown(null)
} else {
const rect = e.currentTarget.getBoundingClientRect()
// Fix: GameDropdown uses fixed positioning, so we don't add scroll offsets
// Use mouse position for grid-like dropdown behavior
setDropdownPos({
x: rect.left,
y: rect.bottom + 5
x: e.clientX,
y: e.clientY
})
setActiveDropdown(id)
}