Commit Graph

4 Commits

Author SHA1 Message Date
Sylvain Duchesne 3ccfea3892 Update documentation for GherkinHighlighter redesign
Document the new card-based UI layout and design decisions:
- System font for better readability (not sketchy font)
- Card-based layout with collapsible scenarios
- Background (Contexte) always expanded
- Color-coded step keywords
- Compact responsive design

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-18 14:00:42 +01:00
Sylvain Duchesne fafc95785f Add responsive design for mobile devices
- DemoMode: slide-out sidebar drawer on mobile with overlay, mobile header
  with menu/back buttons, dynamic phone frame scaling
- Gallery: stacked header layout, smaller buttons/text, hidden zoom control
  on mobile, fixed 35% thumbnail scale
- UserStoriesPage: collapsible filter panel with badge counter, compact
  priority labels, responsive padding
- SpecsPage: responsive header with compact test results, collapsible
  filter panel with search + filter toggle button
- FeatureFilter: mobile-first design with expandable filter sections

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-18 13:24:28 +01:00
Sylvain Duchesne eb36f37d64 Add dark mode with toggle for prototyping tool
- Add ThemeProvider context with system/light/dark modes
- Add ThemeToggle button to all pages (Gallery, DemoMode, UserStoriesPage, SpecsPage)
- Add --tool-* CSS variables for outer app theming
- Keep inner Festipod mockup screens always in light mode
- Add subtle glow around phone frame in dark mode for visibility

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-18 12:19:53 +01:00
Sylvain Duchesne f04f15d926 first commit 2026-01-18 11:53:42 +01:00