Files
warmbly/web/src/components/app/crm
Matthew Meszaros 252be0911b feat: make the dashboard fully mobile compatible
Sweep every dashboard area for phone-width (360-430px) usability while
keeping desktop rendering identical behind md:/lg: prefixes:

- stack side-by-side panes and wide form grids below md; one-pane-at-a-time
  overlays with back affordances for list+detail layouts (unibox thread,
  contact context panel)
- full-width drawers and width-guarded dialogs (max-w vs 100vw, scrolling
  bodies, reachable footers) across settings, campaigns, contacts, CRM,
  integrations, api-keys, admin
- wide tables get overflow-x-auto wrappers or hidden md:table-cell for
  secondary columns; row actions stay touch-reachable
- viewport-clamped popovers/pickers via the PopoverMenu primitive
- prevent iOS Safari focus auto-zoom with a mobile-only 16px form-control
  rule in global.css
- responsive React Flow canvases (campaign sequences, automations) and
  recharts containers
- delete dead legacy components surfaced by the audit (old base/head
  scaffolds, duplicate Tags/Folders modals, unused colors picker,
  ContactEntry, contacts filter leftovers)
2026-06-10 11:37:15 +02:00
..