[Feature]: Make the editor responsive on mobile screens

Aperta
#18 4 commenti 0 reazioni 1 assegnatario Vedi su GitHub

@AyobamiH ci sta già lavorando.

Dal 15/8/2026.

  • #35 di @AyobamiH — aperta

Valutazione

Questa issue non è ancora stata valutata.

Descrizione

Problem

CodeReel currently uses a desktop three-column layout with a minimum width that makes the editor difficult or impossible to use on mobile screens.

Proposed solution

Create a responsive layout for small viewports that keeps the preview and essential controls usable.

Acceptance criteria:

  • The app is usable at common mobile widths, such as 320px and 375px, without clipped primary controls.
  • The code, preview, and style controls adapt into an appropriate stacked, collapsible, or otherwise mobile-friendly layout.
  • The preview remains visible and usable.
  • Existing desktop behavior is preserved.
Alternatives considered

Keep the current desktop-only layout.

Additional context

The current layout has a 1280px minimum width.

Checklist
  • I have searched existing issues and this is not a duplicate
  • I agree to follow this project's Code of Conduct
Lingua principale
TypeScript
Stelle
51
Fork
10
Metriche di merge delle PR
Nessuna PR unita negli ultimi 30g

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di eddiejaoude/CodeReel

Tutte le issue di eddiejaoude/CodeReel

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.