fix: size of pieces and removed text view of the game state
This commit is contained in:
@@ -10,29 +10,12 @@
|
||||
<p>Loading game state...</p>
|
||||
} @else if (state) {
|
||||
<section class="top-section">
|
||||
<div class="state-grid">
|
||||
<div class="panel">
|
||||
<h2>Status</h2>
|
||||
<p>Turn: <strong>{{ state.turn }}</strong></p>
|
||||
<p>Status: <strong>{{ state.status }}</strong></p>
|
||||
<p>FEN:</p>
|
||||
<code>{{ state.fen }}</code>
|
||||
</div>
|
||||
|
||||
<div class="panel">
|
||||
<h2>Moves</h2>
|
||||
<p>PGN: {{ state.pgn || 'No moves yet' }}</p>
|
||||
<p>Played UCI: {{ state.moves.length ? state.moves.join(', ') : 'None' }}</p>
|
||||
<p>Legal UCI: {{ legalMoveUciList.length ? legalMoveUciList.join(', ') : 'None' }}</p>
|
||||
<p>Board: click your piece to highlight legal targets.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<form class="move-form" (ngSubmit)="submitMove()">
|
||||
<label for="uciMove">Play move (UCI)</label>
|
||||
<input id="uciMove" name="uciMove" [(ngModel)]="moveInput" placeholder="e2e4" />
|
||||
<button type="submit">Send Move</button>
|
||||
</form>
|
||||
<p class="board-hint">Click your piece to highlight legal targets.</p>
|
||||
</section>
|
||||
|
||||
<section class="board-section">
|
||||
|
||||
Reference in New Issue
Block a user