Skip to content

fix(landing): мобильная адаптация + KK→KZ + dev-плагин Vite#785

Merged
ShaerWare merged 1 commit into
mainfrom
fix/landing-mobile-ux
May 23, 2026
Merged

fix(landing): мобильная адаптация + KK→KZ + dev-плагин Vite#785
ShaerWare merged 1 commit into
mainfrom
fix/landing-mobile-ux

Conversation

@ShaerWare

Copy link
Copy Markdown
Owner

Summary

  • Мобильная адаптация лендинга site/: touch-таргеты ≥44px, safe-area для iOS notch, новый брейкпоинт ≤480px, компактные паддинги карточек, Hero CTA в колонку full-width.
  • Переписан drawer мобильного меню: без magic numbers, actions позиционируются через CSS-переменную --mobile-nav-h (JS меряет реальную высоту nav). Логотип + lang-switcher + бургер встают в одну верхнюю строку при открытом меню.
  • В переключателе языка лейбл KKKZ во всех трёх локализациях. Технические hreflang="kk", lang="kk" и URL /kk/ не трогали (BCP-47 / SEO).
  • Cache buster ?v=2?v=3 на styles.css и main.js, чтобы nginx и браузеры не отдали старые.
  • admin/vite.config.ts: dev-only плагин landingDevPlugin — теперь localhost:5173/, /en/, /kk/ отдают лендинг из ../site/ (паритет с прод-nginx). /admin/*, /v1, /health не задеты. apply: 'serve' — на vite build плагин выключен, prod-сборка остаётся чистой админкой.

Test plan

  • DevTools → iPhone SE / Pixel: шапка влезает, бургер открывается, нет вспышек tap-highlight
  • При открытом меню: лого / RU EN KZ / × стоят в одну строку
  • Под пунктами меню — кнопки «Войти» / «Попробовать», без перекрытия даже если в nav добавить пункт
  • localhost:5173/ отдаёт RU лендинг, /en/ и /kk/ — переводы, /admin/ — Vue SPA
  • vite build в admin/ не подтягивает site/ в dist/
  • На проде после деплоя ai-sekretar24.ru/ и /en/, /kk/ показывают новые стили (открой в инкогнито)

NEWS

📱 Лендинг теперь нормально работает на телефоне

Поправили мобильную вёрстку сайта ai-sekretar24.ru: кнопки стали удобнее для пальца, меню больше не сломано на узких экранах, шапка не выезжает под вырез iPhone, а в открытом меню логотип, переключатель языка и крестик стоят в одну линию. Заодно переименовали «KK» в «KZ» — так понятнее.

🤖 Generated with Claude Code

…dev-плагин Vite

site/styles.css
- touch-таргеты 44px у кнопок, отключён -webkit-tap-highlight-color
- env(safe-area-inset-*) для iOS notch / home indicator
- мобильное меню без magic numbers: actions позиционируются через CSS-переменную
  --mobile-nav-h (JS меряет реальную высоту nav)
- логотип + lang-switcher + бургер встают в одну верхнюю строку в открытом меню
- Hero CTA на мобиле — full-width в колонку, компактные паддинги карточек
- новый брейкпоинт ≤480px для iPhone SE / узких андроидов

site/main.js
- syncMobileNavHeight() меряет высоту nav и пишет --mobile-nav-h
- клик по lang-switcher тоже закрывает drawer

site/{index,en/index,kk/index}.html
- видимый label KK → KZ во всех трёх локализациях (hreflang="kk" оставлен — BCP-47 валидный код)
- cache buster ?v=2 → ?v=3 на styles.css и main.js

admin/vite.config.ts
- dev-only плагин landingDevPlugin: на :5173 отдаёт site/index.html, site/en, site/kk
  и root-ассеты из ../site/. SPA на /admin/* и прокси /v1, /health не задеты.
  apply: 'serve' — на vite build плагин выключен, prod-сборка остаётся чистой админкой.

## NEWS

📱 **Лендинг теперь нормально работает на телефоне**

Поправили мобильную вёрстку сайта ai-sekretar24.ru: кнопки стали удобнее для пальца,
меню больше не сломано на узких экранах, шапка не выезжает под вырез iPhone,
а в открытом меню логотип, переключатель языка и крестик стоят в одну линию.
Заодно переименовали «KK» в «KZ» — так понятнее.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
@ShaerWare ShaerWare merged commit d81fd89 into main May 23, 2026
3 checks passed
@ShaerWare ShaerWare deleted the fix/landing-mobile-ux branch May 23, 2026 21:38
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant