nessi/cluedo-hp-webapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Remove visual effects and adjust HUD overflow behavior

Browse Source 
Removed border, background, blur, and shadow effects on specific UI elements to simplify the design. Changed the HUD overflow property from "hidden" to "visible" to allow better flexibility.
This commit is contained in:
Sascha Nesterovic
2026-02-07 13:01:52 +01:00
parent 456d22d985
commit a19d13b1b5
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/App.jsx
View File

@@ -566,10 +566,10 @@ export default function App() {
minHeight: 0, minHeight: 0,
minWidth: 0, minWidth: 0,
borderRadius: 18, borderRadius: 18,
border: `1px solid ${stylesTokens.panelBorder}`, border: "none",
background: "rgba(0,0,0,0.10)", background: "transparent",
backdropFilter: "blur(8px)", backdropFilter: "none",
boxShadow: "0 12px 30px rgba(0,0,0,0.30)", boxShadow: "none",
padding: 12, padding: 12,
overflow: "visible", // ✅ Karte darf raus ragen overflow: "visible", // ✅ Karte darf raus ragen
position: "relative", position: "relative",

2
frontend/src/AppLayout.css
View File

@@ -131,7 +131,7 @@ body {
/* HUD */ /* HUD */
.playerHud { .playerHud {
align-items: stretch; align-items: stretch;
overflow: hidden; overflow: visible;
display: grid; display: grid;
grid-template-columns: 1.1fr 1.7fr 1.1fr; grid-template-columns: 1.1fr 1.7fr 1.1fr;
gap: 14px; gap: 14px;