bas/spelljammer-ships
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(web): use "max N" label and center combat stat cards

Browse Source 
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Bas van Rossem
2026-02-19 17:23:57 +01:00
parent 836a5d7a49
commit 86134a34bb
2 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/components/dashboard/VitalsSection.tsx
View File

@@ -12,7 +12,7 @@ export default function VitalsSection({ ship, onUpdate }: Props) {
<div className="combat-stats"> <div className="combat-stats">
<div className="combat-stat"> <div className="combat-stat">
<NumericStepper <NumericStepper
label={`Hull (/${ship.hull_max})`} label={`Hull (max ${ship.hull_max})`}
value={ship.hull_current} value={ship.hull_current}
max={ship.hull_max} max={ship.hull_max}
onChange={(v) => onUpdate({ hull_current: v })} onChange={(v) => onUpdate({ hull_current: v })}
@@ -20,7 +20,7 @@ export default function VitalsSection({ ship, onUpdate }: Props) {
</div> </div>
<div className="combat-stat"> <div className="combat-stat">
<NumericStepper <NumericStepper
label={`Armor (/${ship.armor_max})`} label={`Armor (max ${ship.armor_max})`}
value={ship.armor_current} value={ship.armor_current}
max={ship.armor_max} max={ship.armor_max}
onChange={(v) => onUpdate({ armor_current: v })} onChange={(v) => onUpdate({ armor_current: v })}

3
web/src/index.css
View File

@@ -332,6 +332,9 @@ button:disabled {
border: 1px solid var(--color-border); border: 1px solid var(--color-border);
border-radius: var(--radius); border-radius: var(--radius);
padding: var(--spacing-sm); padding: var(--spacing-sm);
display: flex;
flex-direction: column;
align-items: center;
} }
.stat-grid { .stat-grid {