From a9fe71046c718c1308b086e18e6f10eaf435534e Mon Sep 17 00:00:00 2001
From: nessi <sascha@nesterovic.cc>
Date: Sat, 7 Feb 2026 11:57:38 +0100
Subject: [PATCH] Update board placeholder styling in App.jsx

Adjusted the placeholder component with new styling properties, including changing opacity and adding a flex property. This enhances the basic layout for future integration with the game board and pieces.
---
 frontend/src/App.jsx | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index d6b7d96..5883b64 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -393,20 +393,22 @@ export default function App() {
                 subtitle="Platzhalter – hier kommt später das Board + Figuren rein."
                 variant="panel"
               >
+                {/* 👇 DAS ist neu */}
                 <div
                   style={{
-                    height: "100%",
+                    flex: 1,
                     minHeight: 0,
                     borderRadius: 18,
                     border: `1px dashed ${stylesTokens.panelBorder}`,
-                    opacity: 0.8,
+                    opacity: 0.35,
                   }}
                 />
-                {/* Dice overlay: under the board slightly right */}
-                <div className="diceOverlay">
-                  <PlaceholderCard title="Würfel" variant="compact" />
-                </div>
               </PlaceholderCard>
+
+              {/* Dice overlay bleibt gleich */}
+              <div className="diceOverlay">
+                <PlaceholderCard title="Würfel" variant="compact" />
+              </div>
             </div>
 
             {/* Right of board: player rail */}