Responsive Mobile-Design: PGN/Tabelle-Reihenfolge, Board-Vergrößerung, Round-Info verschoben, kompaktere Player-Infos

This commit is contained in:
2026-05-25 01:29:19 +02:00
parent 47e7924a49
commit f5d6d59cdd
4 changed files with 222 additions and 39 deletions

View File

@@ -20,6 +20,7 @@
<div id="main-content">
<!-- Linke Spalte: Schachbrett -->
<h2 id="round-info-mobile" class="round-info-mobile"></h2>
<div id="board-section">
<div id="player-black" class="player-info">
<div class="player-avatar"></div>
@@ -38,12 +39,12 @@
</div>
<div class="player-clock" id="white-clock">--:--:--</div>
</div>
<div id="pgn-panel">
<div id="pgn-panel" class="pgn-panel--desktop">
<div class="pgn-header">
<span>PGN</span>
<button id="copy-pgn-btn" title="In Zwischenablage kopieren">📋</button>
<button class="copy-pgn-btn" title="In Zwischenablage kopieren">📋</button>
</div>
<pre id="pgn-text"></pre>
<pre class="pgn-text"></pre>
</div>
</div>
@@ -61,6 +62,13 @@
<h3>Alle Partien von Lara</h3>
<div id="all-games-list"></div>
</div>
<div id="pgn-panel-mobile" class="pgn-panel--mobile">
<div class="pgn-header">
<span>PGN</span>
<button class="copy-pgn-btn" title="In Zwischenablage kopieren">📋</button>
</div>
<pre class="pgn-text"></pre>
</div>
<div id="standings-panel">
<h3>Turniertabelle ODJM D 2026</h3>
<div id="standings-content">