fix(admin): заголовок, подзаголовок и вкладки вылезали за экран на мобильном

.page-head h1 (общий заголовок оболочки) — тот же баг с фиксированным
кеглем 34px, что и в auth.css, чинится тем же способом (clamp), лечит заодно
любую другую длинную шапку на страницах оболочки. В админке дополнительно:
поясняющий текст под заголовком скрыт на мобильном (не несёт функции), 4
вкладки переносятся в 2 ряда вместо горизонтального оверфлоу всей страницы.
This commit is contained in:
2026-07-26 04:20:01 +03:00
parent 84e2ab8756
commit ac9832c5a1
2 changed files with 19 additions and 0 deletions

View File

@@ -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); }
}
/* ---------- Лобби-хаб (мозаика действий) ---------- */