Julian/sar

Files

julian 17c08e6392 chore: initial monorepo scaffold + WDS Phase 1+2 artifacts

- Nx 22.7 monorepo (pnpm 11.1, TypeScript 5.9, Node 24)
- apps/api: NestJS 11 (CJS conforme CODING-RULES.md PGD-DB-004)
- apps/web: React 19 + Vite 8 (ESM)
- libs/shared/api-interface: Zod contract base
- Docker Compose dev: Postgres 18, Valkey 8, MinIO, Mailpit
- WDS artifacts:
  - design-artifacts/A-Product-Brief/ (5 docs canônicos + 16 dialogs)
  - design-artifacts/B-Trigger-Map/ (hub + 4 personas + feature impact)
- Stack canon: STACK.md v2.2 + CODING-RULES.md v2.0 + brand.md
- AGENTS.md + README.md como entrada para devs/agentes

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

2026-05-27 14:34:20 +00:00

1.1 KiB

Raw Blame History

Responsive Behavior

Include when: Page needs different layouts across breakpoints

Breakpoints

Name	Range	Primary Use
Mobile	< 768px	Touch, single column
Tablet	768px - 1024px	Touch/mouse, flexible
Desktop	> 1024px	Mouse, multi-column

Mobile (< 768px)

Layout Changes

{What changes from desktop}

Hidden Elements

{Elements not shown on mobile}

Mobile-Specific

{Touch targets, gestures, etc.}

Tablet (768px - 1024px)

Layout Changes

{What changes}

Adaptations

{Specific tablet behaviors}

Desktop (> 1024px)

Full Layout

{Desktop-specific features}

Enhancements

{Hover states, keyboard shortcuts}

Component Breakpoint Behavior

Component	Mobile	Tablet	Desktop
`{component}`	{behavior}	{behavior}	{behavior}

Breakpoint	Navigation Style
Mobile	{hamburger / bottom nav / etc.}
Tablet	{style}
Desktop	{full nav / sidebar / etc.}

1.1 KiB Raw Blame History

Responsive Behavior

Breakpoints

Mobile (< 768px)

Layout Changes

Hidden Elements

Mobile-Specific

Tablet (768px - 1024px)

Layout Changes

Adaptations

Desktop (> 1024px)

Full Layout

Enhancements

Component Breakpoint Behavior

Navigation Changes

1.1 KiB

Raw Blame History