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

Update layout and annotations for player HUD and board tools

Browse Source 
Improved clarity of component annotations and adjusted the layout styling in App.jsx and AppLayout.css. Key changes include the introduction of a middle section in the player HUD and refined descriptions for board-related elements. This enhances code readability and structuring consistency.
This commit is contained in:
Sascha Nesterovic
2026-02-07 11:47:28 +01:00
parent fd91bbe207
commit c06ae53b4f
2 changed files with 29 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
frontend/src/App.jsx
View File

@@ -309,10 +309,10 @@ export default function App() {
{/* Main: Tools | Board | Player Rail */}
<div className="mainRow">
{/* Left of board: Hilfskarten + Dunkles Deck side-by-side */}
{/* Left of board: Hilfskarten-Deck + Dunkles Deck (Board decks) */}
<div className="leftTools">
<div className="leftToolsRow">
<PlaceholderCard title="Hilfskarten" hint="(placeholder)" />
<PlaceholderCard title="Hilfskarten (Deck)" hint="(placeholder)" />
<PlaceholderCard title="Dunkles Deck" hint="(placeholder)" />
</div>
</div>
@@ -376,10 +376,19 @@ export default function App() {
</div>
</div>
{/* Bottom: Player HUD (left user card, mid secret, right points) */}
{/* Bottom: Player HUD
Left: user card
Middle: secret cards + player's help-card slot next to it
Right: points
*/}
<div className="playerHud">
<PlaceholderCard title="Spielerkarte (User)" hint="(placeholder)" />
<PlaceholderCard title="Meine Geheimkarten" hint="(placeholder)" />
<div className="playerHudMiddle">
<PlaceholderCard title="Meine Geheimkarten" hint="(placeholder)" />
<PlaceholderCard title="Meine Hilfkarte(n)" hint="(placeholder)" />
</div>
<PlaceholderCard title="Hogwarts Points" hint="(placeholder)" />
</div>
</section>