minor rule changes for viewing athletes

This commit is contained in:
2026-04-08 12:02:25 -04:00
parent da7ca20228
commit 6e88a2a19a
8 changed files with 62 additions and 31 deletions

View File

@@ -4,6 +4,7 @@ import { useStore } from '../hooks/useStore.jsx';
import { SPORTS } from '../data/seedData.js';
import Avatar from '../components/Avatar.jsx';
import SportBadge from '../components/SportBadge.jsx';
import { fmtName } from '../utils/formatName.js';
export default function Athletes() {
const { users } = useStore();
@@ -48,7 +49,7 @@ export default function Athletes() {
<div style={{ display: 'flex', alignItems: 'center', gap: 12, marginBottom: 12 }}>
<Avatar user={u} size={48} />
<div>
<div style={{ fontWeight: 700, fontSize: 16 }}>{u.name}</div>
<div style={{ fontWeight: 700, fontSize: 16 }}>{fmtName(u)}</div>
<div style={{ color: 'var(--text-muted)', fontSize: 12 }}>{u.city}, {u.country}</div>
</div>
</div>