Update styling for App background elements

Removed unused `bgInkVignette` styles and adjusted `zIndex` for better layering control. Updated background image URL for `bgMap` to ensure proper path resolution. These changes improve overall code clarity and maintainability.
This commit is contained in:
2026-02-03 13:16:35 +01:00
parent e6d32bc151
commit e6267986db

View File

@@ -1143,12 +1143,9 @@ const styles = {
top: 0, top: 0,
left: 0, left: 0,
width: "100vw", width: "100vw",
// iOS dynamic viewport support:
height: "100dvh", height: "100dvh",
zIndex: 0, zIndex: -1, // ✅ war 0
pointerEvents: "none", pointerEvents: "none",
// verhindert “zucken” bei repaint:
transform: "translateZ(0)", transform: "translateZ(0)",
backfaceVisibility: "hidden", backfaceVisibility: "hidden",
willChange: "transform", willChange: "transform",
@@ -1157,30 +1154,9 @@ const styles = {
bgMap: { bgMap: {
position: "absolute", position: "absolute",
inset: 0, inset: 0,
backgroundImage: 'url("/public/bg/marauders-map-blur.jpg")', backgroundImage: 'url("/bg/marauders-map-blur.jpg")',
backgroundSize: "cover", backgroundSize: "cover",
backgroundPosition: "center", backgroundPosition: "center",
backgroundRepeat: "no-repeat", backgroundRepeat: "no-repeat",
}, },
bgInkVignette: {
position: "absolute",
inset: 0,
background: `
radial-gradient(circle at 50% 45%,
rgba(0,0,0,0.08) 0%,
rgba(0,0,0,0.18) 48%,
rgba(0,0,0,0.55) 78%,
rgba(0,0,0,0.72) 100%
),
linear-gradient(180deg,
rgba(245, 226, 185, 0.42),
rgba(214, 180, 120, 0.32)
)
`,
mixBlendMode: "multiply",
transform: "translateZ(0)",
backfaceVisibility: "hidden",
},
}; };