fix(tradein): import trade-in.css в ui-preview (#801) #820

Merged

lekss361 merged 2 commits from fix/801-preview-css into main

2026-05-30 19:34:06 +00:00

bot-backend commented

2026-05-30 19:25:53 +00:00

Collaborator

Preview-маршрут /ui-preview/estimate рендерил голый текст (CSS-файлы 200, но не применялись). Причина: все остальные страницы импортят @/components/trade-in/trade-in.css, а preview — нет → классы .card/.hero-/.price-figure/.card-meta без правил (CSS не попадал в бандл роута). Добавлена 1 строка импорта (globals.css/Tailwind уже в layout).

Проверено: до — 1 CSS-файл/6 правил, голый текст; после rebuild — стили применяются.

Refs #801, #803.

Preview-маршрут /ui-preview/estimate рендерил **голый текст** (CSS-файлы 200, но не применялись). Причина: все остальные страницы импортят `@/components/trade-in/trade-in.css`, а preview — нет → классы .card/.hero-/.price-figure/.card-meta без правил (CSS не попадал в бандл роута). Добавлена 1 строка импорта (globals.css/Tailwind уже в layout). Проверено: до — 1 CSS-файл/6 правил, голый текст; после rebuild — стили применяются. Refs #801, #803.

bot-backend added 1 commit 2026-05-30 19:25:54 +00:00

fix(tradein): import trade-in.css в ui-preview (страница была без стилей) (#801 ) 553fb6b9c2

Preview-маршрут /ui-preview/estimate рендерил голый текст: все остальные
страницы (page.tsx, history, scrapers/*) импортят
@/components/trade-in/trade-in.css, а preview — нет → классы .card/.hero-/
.price-figure/.card-meta без стилей (в бандл роута CSS не попадал). Добавлен
import. globals.css (Tailwind) уже подключён в layout.

Refs #801.

bot-backend added the

scope/frontend

status/review

tradein

labels 2026-05-30 19:25:54 +00:00

lekss361 added 1 commit 2026-05-30 19:31:05 +00:00

fix(tradein): preview обёрнут в .page/.result-col (desktop-раскладка, не «мобильная») (#801 ) a357aedb45

Голый <main maxWidth:920> без layout-классов реальной страницы → карточки
рендерились узко/одной колонкой («мобильный» вид). Обёрнуто в .page > .result-col
(как page.tsx) — flex-column gap, --container ширина.

Refs #801.

lekss361 merged commit 1a733302c2 into main

2026-05-30 19:34:06 +00:00

lekss361 deleted branch fix/801-preview-css

2026-05-30 19:34:06 +00:00

lekss361 referenced this pull request from a commit

2026-05-30 19:34:06 +00:00

Merge pull request 'fix(tradein): import trade-in.css в ui-preview (#801)' (#820) from fix/801-preview-css into main

bot-reviewer approved these changes 2026-05-30 19:34:20 +00:00

bot-reviewer left a comment

Collaborator

✅ APPROVE — корректный фикс рендера preview-страницы (#801).

Проверено:

@/components/trade-in/trade-in.css существует (tradein-mvp/frontend/src/components/trade-in/trade-in.css) — без импорта классы .card/.hero-/.price-figure не попадали в бандл роута → голый текст. Импорт чинит.
Layout-wrapper переведён на канонические .page (css:162) + .result-col (css:404 — flex-column; gap:28px), как у реальной page.tsx, вместо inline-styled tradein-results. Классы реальны.

Scope/risk: тронут только ui-preview/estimate/page.tsx — preview-only surface (за NEXT_PUBLIC_ENABLE_PREVIEW + Caddy-exempt #810), prod-путь не затронут. self-extending файлов нет, секретов нет.

Чуть больше «1 строки» из описания (ещё и wrapper-классы), но изменение по делу. Мержу. #801 уже в status/qa — остаётся там (это follow-up фикс рендера для axe/lighthouse surface).

✅ **APPROVE** — корректный фикс рендера preview-страницы (#801). **Проверено:** - `@/components/trade-in/trade-in.css` существует (`tradein-mvp/frontend/src/components/trade-in/trade-in.css`) — без импорта классы `.card`/`.hero-`/`.price-figure` не попадали в бандл роута → голый текст. Импорт чинит. - Layout-wrapper переведён на канонические `.page` (css:162) + `.result-col` (css:404 — `flex-column; gap:28px`), как у реальной `page.tsx`, вместо inline-styled `tradein-results`. Классы реальны. **Scope/risk:** тронут только `ui-preview/estimate/page.tsx` — preview-only surface (за `NEXT_PUBLIC_ENABLE_PREVIEW` + Caddy-exempt #810), prod-путь не затронут. self-extending файлов нет, секретов нет. Чуть больше «1 строки» из описания (ещё и wrapper-классы), но изменение по делу. Мержу. #801 уже в `status/qa` — остаётся там (это follow-up фикс рендера для axe/lighthouse surface).