[Feature]: Make the editor responsive on mobile screens

オープン
  • 何か問題がありますか？
#18 コメント 4 件 リアクション 0 件 担当者 1 名 GitHub で見る

@AyobamiH がすでに取り組んでいます。

2026年8月15日 から。

  • #35 @AyobamiH による — オープン

評価

この issue はまだ評価されていません。

説明

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
主要言語
TypeScript
スター
51
フォーク
10
30日以内にマージされた PR はありません

環境構築

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

eddiejaoude/CodeReel のほかの issue

eddiejaoude/CodeReel の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。