Add a better looking frame for mobile and web previews

Metriche repository

Star

72.582 star (72.582 star)

Metriche merge PR

Merge medio 1h 33m (Merge medio 1h 33m)5 PR mergiate in 30 g (5 PR mergiate in 30 g)

Descrizione

Guida contributor

Direzione di ricerca

Ispeziona il componente di anteprima corrente nel codebase (probabilmente in src/components/Preview.tsx o simile) per capire come vengono renderizzate le anteprime mobile e web. Cerca stili CSS esistenti o wrapper di frame. Proponi di aggiungere un contenitore stilizzato con un frame di dispositivo simulato per mobile usando border radius e ombre CSS, e un frame di finestra web con una barra di intestazione. Verifica se esiste un sistema di design o un tema da seguire.

Tech stack

typescriptreacttailwindcss

Dominio

frontend

Tipo issue

Funzionalità

DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.

2

Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.

Mezza giornata

Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.

Attiva

ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.

Chiara

Prerequisiti

HTMLCSSReact

Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.

70