abi/screenshot-to-code
Voir sur GitHubAdd a better looking frame for mobile and web previews
Open
#176 ouverte le 10 déc. 2023
3 commentaires (3 commentaires)0 réactions (0 réactions)0 assignés (0 assignés)TypeScript72 582 stars (72 582 stars)8 943 forks (8 943 forks)batch import
good first issue
Description
Something similar to this:
Guide contributeur
- Stack technique
- typescriptcsstailwindcssreact
- Domaine
- frontend
- Type d'issue
- feature
- DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
- 2
- Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
- 1-3 hours
- Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
- fresh
- ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
- mostly clear
- Prérequis
- CSS layouttailwindcss styling
- Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
- 75
- Direction de recherche
- Locate the preview component in the codebase (e.g., src/components/Preview.tsx or similar). Review how mobile and web previews are currently rendered. The images in the issue show a device frame with rounded corners and a subtle shadow; implement a similar frame using TailwindCSS classes. Ensure the frame adapts to different screen sizes and maintains the preview aspect ratio.