From e6267986db1d26f484fd9c4d174162d4c4c713aa Mon Sep 17 00:00:00 2001 From: nessi Date: Tue, 3 Feb 2026 13:16:35 +0100 Subject: [PATCH] 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. --- frontend/src/App.jsx | 28 ++-------------------------- 1 file changed, 2 insertions(+), 26 deletions(-) diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx index db72bde..1f9c1b8 100644 --- a/frontend/src/App.jsx +++ b/frontend/src/App.jsx @@ -1143,12 +1143,9 @@ const styles = { top: 0, left: 0, width: "100vw", - // iOS dynamic viewport support: height: "100dvh", - zIndex: 0, + zIndex: -1, // ✅ war 0 pointerEvents: "none", - - // verhindert “zucken” bei repaint: transform: "translateZ(0)", backfaceVisibility: "hidden", willChange: "transform", @@ -1157,30 +1154,9 @@ const styles = { bgMap: { position: "absolute", inset: 0, - backgroundImage: 'url("/public/bg/marauders-map-blur.jpg")', + backgroundImage: 'url("/bg/marauders-map-blur.jpg")', backgroundSize: "cover", backgroundPosition: "center", 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", - }, - };