Правка вёсртки окна админа, форма редактирования партии на весь экран

This commit is contained in:
2026-06-17 20:47:42 +03:00
parent 87c7f48a3e
commit 1cb2fb2bea
4 changed files with 19 additions and 12 deletions
+1 -1
View File
@@ -21,7 +21,7 @@ export function GroupSwitcher() {
className={"btn" + (active ? " btn-primary" : "")} className={"btn" + (active ? " btn-primary" : "")}
onClick={() => !active && setActive.mutate(g.id)} onClick={() => !active && setActive.mutate(g.id)}
> >
{g.name} {active && "✓"} <span className="muted small">({g.role})</span> {g.name} {active && "✓"} <span className="muted small"></span>
</button> </button>
); );
})} })}
+1 -1
View File
@@ -22,7 +22,7 @@ export function AdminLayout() {
Выйти Выйти
</button> </button>
</header> </header>
<div className="row" style={{ padding: "10px 14px", gap: 8 }}> <div className="admin-tabs">
<NavLink to="/admin/records" className={tab}> <NavLink to="/admin/records" className={tab}>
Записи Записи
</NavLink> </NavLink>
+4 -10
View File
@@ -74,23 +74,17 @@ export function AdminMatchEdit({ matchId, onClose }: { matchId: number; onClose:
}; };
return ( return (
// Полноэкранная страница правки (не нижний «лист»): занимает весь экран.
<div <div
style={{ style={{
position: "fixed", position: "fixed",
inset: 0, inset: 0,
background: "rgba(0,0,0,0.6)",
zIndex: 200, zIndex: 200,
display: "flex", background: "var(--bg)",
alignItems: "flex-end", overflowY: "auto",
justifyContent: "center",
}} }}
onClick={onClose}
> >
<div <div className="app-shell" style={{ minHeight: "100%", boxShadow: "none" }}>
className="app-shell"
style={{ maxHeight: "92vh", overflowY: "auto", boxShadow: "none" }}
onClick={(e) => e.stopPropagation()}
>
<div className="app-main" style={{ paddingBottom: 24 }}> <div className="app-main" style={{ paddingBottom: 24 }}>
<div className="row-between"> <div className="row-between">
<h2 style={{ margin: 0 }}>Правка партии #{matchId}</h2> <h2 style={{ margin: 0 }}>Правка партии #{matchId}</h2>
+13
View File
@@ -122,6 +122,19 @@
.st-player { display: flex; align-items: center; gap: 8px; min-width: 0; font-weight: 600; } .st-player { display: flex; align-items: center; gap: 8px; min-width: 0; font-weight: 600; }
.st-player .nick { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .st-player .nick { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* Вкладки админки: горизонтальная карусель (не ломают вёрстку при переполнении) */
.admin-tabs {
display: flex;
gap: 8px;
padding: 10px 14px;
overflow-x: auto;
flex-wrap: nowrap;
-webkit-overflow-scrolling: touch;
scrollbar-width: none; /* Firefox */
}
.admin-tabs::-webkit-scrollbar { display: none; } /* WebKit */
.admin-tabs > * { flex: 0 0 auto; white-space: nowrap; }
.participant-row { .participant-row {
display: grid; display: grid;
grid-template-columns: 1fr; grid-template-columns: 1fr;