[CL-ADAMI-MOBILE] fix: мобильная адаптация adami.kr #10

Merged

andrei merged 1 commit from feature/claude-adami-mobile into main 2026-07-06 21:51:33 +00:00

Conversation 0 Commits 1 Files changed 3 +57 -17

andrei commented 2026-07-06 21:50:20 +00:00

Owner

Copy link

Что сделано

Исправлена мобильная вёрстка adami.kr. Корень проблемы: inline style (gridTemplateColumns, display) имеет приоритет над responsive Tailwind-классами — на телефонах все сетки оставались 4-колоночными, десктопное меню показывалось рядом с бургером.

• layout переведён на responsive Tailwind-классы: navbar, Stats, About, Services, Products, Partners, Contact, Footer
• отступы секций 120px -> clamp(64px, 12vw, 120px)
• мобильные паддинги карточек (svc-card, form-card, mission-card, card-body)
• hero: 100svh (fallback 100vh), счётчики Stats min 2.25rem
• footer bottom: flex-wrap
• регрессионный тест src/App.mobile.test.ts

Зачем

На мобильных сайт был нечитаем: сплющенные 4-колоночные сетки, двойная навигация.

План тестирования

• vitest: 5/5 PASS (включая новый регрессионный тест, подтверждён RED->GREEN)
• eslint: 0 ошибок; tsc+vite build: ok
• Playwright, viewport 390x844: скриншоты hero/About/Services/Products/форма — 1 колонка, без горизонтального скролла, бургер-меню корректно

Где могу ошибаться

• Значения gap при переносе inline->классы слегка изменены (48px->gap-12 и т.п.) — визуально проверено, но пиксель-в-пиксель с десктопным оригиналом не сверял
• clamp-отступы затрагивают и десктоп (>=1000px ширины не меняются)

## Что сделано Исправлена мобильная вёрстка adami.kr. Корень проблемы: inline `style` (gridTemplateColumns, display) имеет приоритет над responsive Tailwind-классами — на телефонах все сетки оставались 4-колоночными, десктопное меню показывалось рядом с бургером. - layout переведён на responsive Tailwind-классы: navbar, Stats, About, Services, Products, Partners, Contact, Footer - отступы секций 120px -> clamp(64px, 12vw, 120px) - мобильные паддинги карточек (svc-card, form-card, mission-card, card-body) - hero: 100svh (fallback 100vh), счётчики Stats min 2.25rem - footer bottom: flex-wrap - регрессионный тест src/App.mobile.test.ts ## Зачем На мобильных сайт был нечитаем: сплющенные 4-колоночные сетки, двойная навигация. ## План тестирования - vitest: 5/5 PASS (включая новый регрессионный тест, подтверждён RED->GREEN) - eslint: 0 ошибок; tsc+vite build: ok - Playwright, viewport 390x844: скриншоты hero/About/Services/Products/форма — 1 колонка, без горизонтального скролла, бургер-меню корректно ## Где могу ошибаться - Значения gap при переносе inline->классы слегка изменены (48px->gap-12 и т.п.) — визуально проверено, но пиксель-в-пиксель с десктопным оригиналом не сверял - clamp-отступы затрагивают и десктоп (>=1000px ширины не меняются)

andrei added 1 commit 2026-07-06 21:50:20 +00:00

[CL-ADAMI-MOBILE] fix: мобильная адаптация adami.kr — inline-стили перебивали responsive-классы ... e86845f491

Inline style (gridTemplateColumns, display:flex) имеет приоритет над
Tailwind-классами grid-cols-*/hidden md:flex — на мобильных все сетки
оставались 4-колоночными, а десктопное меню показывалось рядом с бургером.

- layout переведён с inline-стилей на responsive Tailwind-классы
  (navbar, Stats, About, Services, Products, Partners, Contact, Footer)
- вертикальные отступы секций 120px -> clamp(64px, 12vw, 120px)
- мобильные паддинги карточек (svc-card, form-card, mission-card, card-body)
- hero: 100svh с fallback 100vh, счётчики Stats уменьшены до 2.25rem min
- footer bottom: flex-wrap
- регрессионный тест App.mobile.test.ts против inline-переопределений

andrei merged commit 55c27df3a3 into main 2026-07-06 21:51:33 +00:00

andrei referenced this pull request from a commit 2026-07-06 21:51:34 +00:00

Merge pull request '[CL-ADAMI-MOBILE] fix: мобильная адаптация adami.kr' (#10) from feature/claude-adami-mobile into main

Sign in to join this conversation.

Reviewers

No reviewers

Labels

Clear labels

No items

No labels

Milestone

Clear milestone

No items

No milestone

Projects

Clear projects

No items

No project

Assignees

Clear assignees

No assignees

1 participant

Notifications

Subscribe

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference

europa-tech-srl/adami-site!10

No description provided.