greyson/super-auto-pets-board-game
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Keep button layout stable.

Browse Source
This commit is contained in:
Greyson Parrelli
2026-07-23 07:47:51 -04:00
parent ff251a442d
commit 3922f545dc
1 changed files with 11 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/components/BattlePhase.tsx
+9 -6
View File
@@ -339,7 +339,7 @@ export function BattlePhase({ view, send }: Props) {
disabled={step === 0} disabled={step === 0}
title="Previous step" title="Previous step"
> >
◀ |◀
</button> </button>
<button <button
className="btn btn-ghost btn-sm" className="btn btn-ghost btn-sm"
@@ -347,7 +347,7 @@ export function BattlePhase({ view, send }: Props) {
disabled={done} disabled={done}
title={paused ? 'Play' : 'Pause'} title={paused ? 'Play' : 'Pause'}
> >
{paused ? '▶' : '⏸'} {paused || done ? '▶' : '⏸'}
</button> </button>
<button <button
className="btn btn-ghost btn-sm" className="btn btn-ghost btn-sm"
@@ -355,16 +355,19 @@ export function BattlePhase({ view, send }: Props) {
disabled={done} disabled={done}
title="Next step" title="Next step"
> >
▶ ▶|
</button> </button>
<span className="battle-step"> <span className="battle-step">
{Math.min(step, events.length)} / {events.length} {Math.min(step, events.length)} / {events.length}
</span> </span>
{!done && ( <button
<button className="btn btn-ghost btn-sm" onClick={() => setStep(events.length)}> className="btn btn-ghost btn-sm"
onClick={() => setStep(events.length)}
disabled={done}
title="Skip to the end"
>
Skip ⏭ Skip ⏭
</button> </button>
)}
</div> </div>
</div> </div>