WP-FIGMA-HOME-MAP-01 — Home map peek ↔ mockup
Domain: D-PLACE · Surfaces: CON
Date: 2026-08-13
Source: JPG design/mockups/0293115396ae17f04ebf1.jpg (Figma MCP rate-limited; node 365:10 deferred)
Changes
| Element | Before | After |
|---|---|---|
| Map frame | Card + side margin | Full-bleed under header |
| Height | 248 | 268 |
| Pins | System pinColor / small thumb |
MapTeardropPin + MapImagePin 40px |
| Transition | Hard edge | Soft fade bands → #F8F9FF / drawer |
| Drawer | Overlap −28 · radius 32 | Overlap −36 · radius 28 · handle 36×5 |
| Header | Brand 22 / search 36 | Brand 24 / search 40 |
Files
mobile/src/shared/maps/MapTeardropPin.tsx(new)mobile/src/features/home/components/HomeMapPreview.tsxmobile/src/features/home/screens/HomeMapScreen.tsxmobile/src/features/home/components/HomeBrandHeader.tsxmobile/src/features/home/components/QuickDestinationPills.tsx
Note
Khi Figma MCP hết rate-limit: so lại node 365:10 file w0SRHX3cbiWLFHjzVC0pTE và chỉnh lệch còn lại.