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:
@@ -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 */}
|
||||||
|
|||||||
Reference in New Issue
Block a user