Правка вёсртки окна админа, форма редактирования партии на весь экран
This commit is contained in:
@@ -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>
|
||||||
);
|
);
|
||||||
})}
|
})}
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user