Add a better looking frame for mobile and web previews

Repository metrics

Stars

72,582 stars (72,582 stars)

PR merge metrics

平均マージ 1h 33m (平均マージ 1h 33m)30d で 5 merged PRs (30d で 5 merged PRs)

説明

コントリビューターガイド

調査方針

コードベースの現在のプレビューコンポーネント（おそらく src/components/Preview.tsx など）を調べて、モバイルプレビューとウェブプレビューがどのようにレンダリングされているかを理解します。既存のCSSスタイルやフレームラッパーを確認してください。モバイル用にCSSのborder radiusと影を使ったシミュレートされたデバイスフレーム、ウェブ用にヘッダーバーを使ったウィンドウフレームを追加することを提案します。既存のデザインシステムやテーマに従うかどうかも確認してください。

技術スタック

typescriptreacttailwindcss

領域

frontend

Issue 種別

機能

難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。

2

推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。

半日

活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。

アクティブ

明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。

明確

前提条件

HTMLCSSReact

初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。

70