Implement mobile-friendly editor layout

[asp2131]

Summary

• switch the book editor to a compact mobile workflow with Pages / Canvas / Audio views below the desktop breakpoint
• move text overlay properties into a mobile drawer while keeping the desktop sidebar workflow intact
• replace mobile drag-and-drop with page reorder buttons and sound assignment actions, and restore Vitest setup with focused overlay editor coverage

Testing

• npx eslint "src/hooks/useMediaQuery.ts" "src/components/text-overlay/PropertyPanel.tsx" "src/components/text-overlay/Toolbar.tsx" "src/components/text-overlay/DraggableTextOverlayEditor.tsx" "src/components/text-overlay/DraggableTextOverlayEditor.test.tsx" "src/app/admin/(editor)/books/[id]/edit/page.tsx" "src/app/admin/books/[id]/pages/[pageNumber]/overlay-editor/page.tsx"
• npx eslint "vitest.config.ts" "vitest.setup.ts"
• npm run test -- src/components/text-overlay/DraggableTextOverlayEditor.test.tsx src/components/IntegratedIllustration.test.tsx

  

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
storia	Ready	Preview, Comment	Mar 17, 2026 9:30pm