Кабинет, навигация и отступы
6 октября: новый полный обход интерфейса и исправление карточек ↗
Проверка опубликованного интерфейса, 5 октября 2026. Согласованные светлая и тёмная палитры сохранены.
Личный кабинет всегда под рукой
Кабинет вынесен из списка разделов в отдельную коралловую кнопку с иконкой пользователя справа в шапке. На телефоне и iPad кнопка остаётся доступна при закрытом меню; на узких экранах подпись сокращается до «Кабинет». Переключатель языка на телефоне находится внутри меню. Согласованные цвета не менялись.
На опубликованной сборке прошли 64 сочетания: WebKit и Chromium, RU/EN, светлая и тёмная темы, ширины 320, 375, 390, 768, 1024, 1280, 1440 и 1920 px. Проверены заметная кнопка с областью нажатия от 44 px, отсутствие перекрытий и горизонтального переполнения, доступность при раскрытом меню и управление клавиатурой.
Дополнительно проверены реальные переходы: гость → вход; авторизованный турист → сохранённый профиль; смена языка; переход оператора в CRM с закрытием меню. Проверка не создаёт брони и не сохраняет профиль. Это проверки браузерных движков, физический iPad не использовался.
Что исправлено
- Расстояния между полями и действиями в бронировании, CRM, услугах поставщиков и финансовых формах.
- Единые отступы внутри карточек: заголовки, пояснения и поля больше не складывают лишние стандартные отступы.
- Переключатель языка помещается в свою ячейку и отделён от кнопки меню.
- Навигация кабинетов переносится; на телефоне разделы туриста и гида расположены в две колонки. Выбранная вкладка гида выделена.
- Многострочные кнопки пересчитывают высоту при сужении экрана в WebKit; календарь, переключатели дней и навигация между страницами имеют подходящие размеры и отступы.
Проверка
На исходной вёрстке поля формы CRM соприкасались (0 px), а переключатель языка перекрывал область кнопки меню на 8 px. После исправления: 16 px между полями и 8 px между элементами шапки. У многострочной кнопки проверены реальные границы текста: около 14 px сверху и снизу.
Повторная проверка с новой кнопкой кабинета: 168 из 168 сочетаний прошли на опубликованной сборке. Проверено 21 состояние экрана на четырёх ширинах в двух темах WebKit: 390, 768, 1024 и 1280 пикселей, светлая и тёмная темы. Проверены публичные страницы, вход и восстановление доступа; кабинеты туриста, гида, поставщика, партнёра и администратора, раскрытые формы CRM и поставщика, календарь, профиль и новая программа гида.
Проверяется отсутствие горизонтального переполнения, разделение полей не менее 12 px, высота основных кнопок не менее 44 px, расстояние между управлением языком и меню, согласованные фоны и отсутствие ошибок JavaScript. Скриншоты дополнительно просмотрены вручную. Дополнительно в Chromium пройдены шесть сочетаний ширины и темы (390, 768, 1440 px): шапка, вход, открытие меню и Escape при фокусе внутри меню. Физический iPad не тестировался. При сужении экрана дополнительно проверяются реальные границы текста кнопки и расстояние до следующего поля.
Сборка API/Next.js, проверки типов, ESLint и проверка новых коммитов на секреты выполнены отдельно. GitHub Actions не начал ни одного шага: три задания заблокированы оплатой аккаунта. Этот инфраструктурный долг остаётся в плане.
Проверка только читает данные и переключает интерфейс: бронирования, профили и отметки ручного QA не изменяются. Полные бизнес-сценарии и их результаты остаются в отдельном отчёте; этот запуск проверяет вёрстку.
Светлая и тёмная темы
Публичная форма входа на ширине iPad. Данные кабинетов и контакты на скриншотах не публикуются.





