feat: new boared design

2026-04-26 13:34:55 +02:00
parent dc9a7b2e32
commit 671886781e
69 changed files with 546 additions and 352 deletions
@@ -1,5 +1,5 @@
 <div class="board-shell">
-  <div class="board-grid">
+  <div class="board-grid" [class.board-grid--classic]="boardTheme === 'classic'" [class.board-grid--arabian]="boardTheme === 'arabian'">
    @for (square of squares; track trackByCoordinate($index, square)) {
      <button
        type="button"
@@ -17,6 +17,7 @@
      >
        <app-chess-piece
          [pieceCode]="square.pieceCode"
+          [boardTheme]="boardTheme"
          [draggable]="!!square.pieceCode"
          (pieceDragStart)="onPieceDragStart($event, square)"
          (pieceDragEnd)="onSquareDragEnd()"
@@ -25,5 +26,7 @@
    }
  </div>

-  <img class="board-bottom" src="/arabian-chess/sprites/board/board_bottom.png" alt="Board frame" />
+  @if (boardTheme === 'arabian') {
+    <img class="board-bottom" src="/assets/arabian-chess/sprites/board/board_bottom.png" alt="Board frame" />
+  }
 </div>