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.
This commit is contained in:
2026-02-07 11:57:38 +01:00
parent a3d052d2c1
commit a9fe71046c

View File

@@ -393,20 +393,22 @@ export default function App() {
subtitle="Platzhalter hier kommt später das Board + Figuren rein." subtitle="Platzhalter hier kommt später das Board + Figuren rein."
variant="panel" variant="panel"
> >
{/* 👇 DAS ist neu */}
<div <div
style={{ style={{
height: "100%", flex: 1,
minHeight: 0, minHeight: 0,
borderRadius: 18, borderRadius: 18,
border: `1px dashed ${stylesTokens.panelBorder}`, 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> </PlaceholderCard>
{/* Dice overlay bleibt gleich */}
<div className="diceOverlay">
<PlaceholderCard title="Würfel" variant="compact" />
</div>
</div> </div>
{/* Right of board: player rail */} {/* Right of board: player rail */}