BATUMI TRAVEL / ИНТЕРФЕЙС

Кабинет, навигация и отступы

6 октября: новый полный обход интерфейса и исправление карточек ↗

Проверка опубликованного интерфейса, 5 октября 2026. Согласованные светлая и тёмная палитры сохранены.

Личный кабинет всегда под рукой

Кабинет вынесен из списка разделов в отдельную коралловую кнопку с иконкой пользователя справа в шапке. На телефоне и iPad кнопка остаётся доступна при закрытом меню; на узких экранах подпись сокращается до «Кабинет». Переключатель языка на телефоне находится внутри меню. Согласованные цвета не менялись.

На опубликованной сборке прошли 64 сочетания: WebKit и Chromium, RU/EN, светлая и тёмная темы, ширины 320, 375, 390, 768, 1024, 1280, 1440 и 1920 px. Проверены заметная кнопка с областью нажатия от 44 px, отсутствие перекрытий и горизонтального переполнения, доступность при раскрытом меню и управление клавиатурой.

Дополнительно проверены реальные переходы: гость → вход; авторизованный турист → сохранённый профиль; смена языка; переход оператора в CRM с закрытием меню. Проверка не создаёт брони и не сохраняет профиль. Это проверки браузерных движков, физический iPad не использовался.

Повторяемая проверка кабинета ↗

Шапка 390 px, светлая тема
390 px · светлая тема
Шапка 390 px, тёмная тема
390 px · тёмная тема
Шапка 1440 px, светлая тема
1440 px · светлая тема
Шапка 1440 px, тёмная тема
1440 px · тёмная тема

Что исправлено

Проверка

На исходной вёрстке поля формы 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. Данные кабинетов и контакты на скриншотах не публикуются.

Форма входа, светлая тема
Светлая тема
Форма входа, тёмная тема
Тёмная тема