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