Add a better looking frame for mobile and web previews

倉庫指標

Star

72,582 star (72,582 star)

PR 合併指標

平均合併 1小時 33分鐘 (平均合併 1小時 33分鐘)30 天內合併 5 個 PR (30 天內合併 5 個 PR)

描述

貢獻者指南

研究方向

檢查程式碼庫中的當前預覽元件（可能在 src/components/Preview.tsx 或類似檔案），了解行動端和 Web 預覽的渲染方式。查找現有的 CSS 樣式或框架包裝。建議新增一個樣式化容器，使用 CSS border radius 和陰影為行動端建立模擬裝置框架，使用標題列為 Web 建立視窗框架。檢查是否有現有的設計系統或主題可供遵循。

技術棧

typescriptreacttailwindcss

領域

frontend

議題類型

功能

難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。

2

預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。

半天

活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。

活躍

清晰度議題是否清楚說明預期改動、驗收標準和下一步。

清晰

前置要求

HTMLCSSReact

新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。

70