Add a better looking frame for mobile and web previews

Métricas do repositório

Stars

72.582 stars (72.582 stars)

Métricas de merge de PR

Mesclagem média 1h 33m (Mesclagem média 1h 33m)5 fundiu PRs em 30d (5 fundiu PRs em 30d)

Description

Guia do colaborador

Direção de pesquisa

Inspecione o componente de pré visualização atual no código (provavelmente em src/components/Preview.tsx ou similar) para entender como as prévias mobile e web são renderizadas. Procure por estilos CSS existentes ou wrappers de moldura. Proponha adicionar um contêiner estilizado com uma moldura de dispositivo simulada para mobile usando border radius e sombra CSS, e uma moldura de janela web com uma barra de cabeçalho. Verifique se existe um sistema de design ou tema a seguir.

Pilha de tecnologia

typescriptreacttailwindcss

Domain

frontend

Tipo Issue

Funcionalidade

DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.

2

Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.

Meio dia

Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.

Ativo

ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.

Claro

Prerequisites

HTMLCSSReact

Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.

70