lekss361/gendesign
1
0
Fork 0
Code Issues 57 Pull requests Projects Releases Packages Wiki Activity Actions

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

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

Refs #801.
This commit is contained in:
lekss361 2026-05-30 22:30:59 +03:00
parent 553fb6b9c2
commit a357aedb45
1 changed files with 17 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
tradein-mvp/frontend/src/app/ui-preview/estimate/page.tsx
View file

@ -58,22 +58,23 @@ function PreviewContent() {
return ( return (
<QueryClientProvider client={client}> <QueryClientProvider client={client}>
<main {/* Те же layout-классы, что у реальной страницы (page.tsx): .page → .result-col
className="tradein-results" (flex-column gap, --container ширина). Без них карточки рендерились узко/«мобильно». */}
style={{ maxWidth: 920, margin: "0 auto", padding: 24 }} <main className="page">
> <section className="result-col">
<HeroSummary <HeroSummary
estimate={FIXTURE_ESTIMATE} estimate={FIXTURE_ESTIMATE}
input={FIXTURE_INPUT} input={FIXTURE_INPUT}
onResubmit={() => {}} onResubmit={() => {}}
isResubmitting={false} isResubmitting={false}
/> />
<CianValuationCard data={FIXTURE_ESTIMATE.cian_valuation} /> <CianValuationCard data={FIXTURE_ESTIMATE.cian_valuation} />
<DistributionCard estimate={FIXTURE_ESTIMATE} /> <DistributionCard estimate={FIXTURE_ESTIMATE} />
<DealsCard estimate={FIXTURE_ESTIMATE} /> <DealsCard estimate={FIXTURE_ESTIMATE} />
<StreetDealsCard estimate={FIXTURE_ESTIMATE} /> <StreetDealsCard estimate={FIXTURE_ESTIMATE} />
<ExposureCard estimate={FIXTURE_ESTIMATE} /> <ExposureCard estimate={FIXTURE_ESTIMATE} />
<PriceTrendCard estimate={FIXTURE_ESTIMATE} /> <PriceTrendCard estimate={FIXTURE_ESTIMATE} />
</section>
</main> </main>
</QueryClientProvider> </QueryClientProvider>
); );