fix(ui): improve location view styling (centered enemy images, correct dropdown pos)
This commit is contained in:
@@ -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 */
|
||||
|
||||
@@ -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)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user