x
This commit is contained in:
1 parent
e405af357c
commit
e1cf9e62e7
51 files changed
+2598
-168
No files matched your search
@@ -0,0 +1,29 @@
|
||||
# Original User Request
|
||||
|
||||
## Initial Request — 2026-06-28T10:50:33Z
|
||||
|
||||
Implement a Split-Screen Editorial Carousel by extending the existing `EDITORIAL_CAROUSEL` schema and updating the backend, admin, spa, and website apps.
|
||||
|
||||
Working directory: /home/ti/git/homaroma
|
||||
Integrity mode: development
|
||||
|
||||
## Requirements
|
||||
|
||||
### R1. Database / Types
|
||||
Update `EditorialCarouselSectionPayloadSchema` in `packages/types/index.ts` to include `layout: z.enum(['standard', 'split_screen']).optional()` and `imagePosition: z.enum(['left', 'right']).optional()`.
|
||||
|
||||
### R2. Admin / CMS
|
||||
Update the Page Builder UI in `apps/admin` to support the new `layout` and `imagePosition` fields for the `EDITORIAL_CAROUSEL` block.
|
||||
|
||||
### R3. Frontend / UI (apps/spa & apps/website)
|
||||
Update the `EDITORIAL_CAROUSEL` component in `apps/spa` and `apps/website` to render the new `split_screen` layout.
|
||||
- Desktop: 35% text / 65% image split. Arrows on far edges.
|
||||
- Mobile: Stacked layout (Image top, text bottom).
|
||||
- Styling: Do not hardcode colors; use theme tokens.
|
||||
|
||||
## Acceptance Criteria
|
||||
|
||||
### Verification
|
||||
- [ ] `npm run typecheck` passes successfully across the monorepo.
|
||||
- [ ] The Page Builder in `apps/admin` can successfully save an `EDITORIAL_CAROUSEL` block with `layout: 'split_screen'` and `imagePosition: 'left'`.
|
||||
- [ ] The `EDITORIAL_CAROUSEL` component in `apps/spa` and `apps/website` renders differently based on the `layout` payload without breaking existing 'standard' layouts.
|
||||
Reference in new issue
Block a user