diff --git a/frontend/src/styles/admin.css b/frontend/src/styles/admin.css index fcc5884..b00a90a 100644 --- a/frontend/src/styles/admin.css +++ b/frontend/src/styles/admin.css @@ -14,6 +14,23 @@ */ .admin-page .section-tabs { display: flex; gap: var(--space-2); margin-bottom: var(--space-5); border-bottom: 1px solid var(--color-border); } + +/* Мобильная ширина: 4 вкладки не помещаются в один ряд (см. аудит) — + переносим в 2 ряда по 2, а необязательный поясняющий текст под заголовком + прячем, чтобы не съедал экран (сам заголовок тянет .page-head h1 из + lobby.css). */ +@media (max-width: 640px) { + .admin-page .page-head p { display: none; } + .admin-page .section-tabs { flex-wrap: wrap; } + + /* Таблица «Пользователи» — на мобильном оставляем только колонку + «Пользователь»; роль/команда/блокировка редактируются через карточку + профиля (открывается кликом по имени, см. AdminUserProfileDialog). */ + .admin-page .users-table th:not(:first-child), + .admin-page .users-table td:not(:first-child) { + display: none; + } +} .admin-page .section-tab { padding: 10px 4px; margin-right: var(--space-6); background: none; border: none; border-bottom: 2px solid transparent; font: var(--text-body-lg); font-weight: 600; color: var(--color-ink-500); cursor: pointer; } .admin-page .section-tab:hover { color: var(--color-ink-900); } .admin-page .section-tab.is-active { color: var(--color-ink-700); border-color: var(--color-accent-active); } diff --git a/frontend/src/styles/lobby.css b/frontend/src/styles/lobby.css index 563d4db..55aaa75 100644 --- a/frontend/src/styles/lobby.css +++ b/frontend/src/styles/lobby.css @@ -23,6 +23,8 @@ main.page-main { padding: var(--space-8); max-width: 1440px; margin: 0 auto; } @media (max-width: 640px) { main.page-main { padding: var(--space-5) var(--space-4); } .page-head { flex-direction: column; align-items: flex-start; gap: var(--space-3); } + /* Длинные заголовки («Администрирование» и т.п.) иначе вылезают за край. */ + .page-head h1 { font-size: clamp(22px, 6.5vw, 34px); } } /* ---------- Лобби-хаб (мозаика действий) ---------- */