UI: общие классы кнопок и бейджей вместо дублирующихся inline-стилей

- .btn-block в global.css заменяет 9 повторов style={{width:100%}};
- .badge-live — единый бейдж «идёт» (3 копии inline-стиля);
- незавершённые партии на главной используют стандартный .card,
  как список партий (была единственная карточка на самодельных стилях);
- в списке партий добавлен бейдж 🎲 случайной фракции — как на странице
  партии (раньше в списке он терялся);
- переключатель групп: кнопка «+» подписана «+ Создать группу»
  (по образцу «+ Добавить игрока»), убран пустой span.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
2026-07-13 17:45:35 +03:00
co-authored by Claude Fable 5
parent e38555b74d
commit ca96073ccf
11 changed files with 22 additions and 38 deletions
+2 -1
View File
@@ -26,7 +26,7 @@ export function MatchListView({ items }: { items: MatchListItem[] }) {
<div className="row-between">
<span className="muted small">{formatDate(m.played_at)}</span>
{inProgress ? (
<span className="badge" style={{ color: "var(--accent-2)" }}>идёт</span>
<span className="badge badge-live">идёт</span>
) : (
<span className="muted small">
{formatDuration(m.duration_minutes)} · {winReasonLabel(m.win_reason)}
@@ -47,6 +47,7 @@ export function MatchListView({ items }: { items: MatchListItem[] }) {
</span>
<span>{p.nickname}</span>
<span className="muted small">· {p.faction_name}</span>
{p.was_random && <span className="badge">🎲</span>}
</PlayerLink>
))}
</div>