abi/screenshot-to-code
Auf GitHub ansehenAdd a better looking frame for mobile and web previews
Open
#176 geöffnet am 10. Dez. 2023
3 Kommentare (3 Kommentare)0 Reaktionen (0 Reaktionen)0 zugewiesene Personen (0 zugewiesene Personen)TypeScript72.582 Stars (72.582 Stars)8.943 Forks (8.943 Forks)batch import
good first issue
Beschreibung
Something similar to this:
Contributor Guide
- Tech Stack
- typescriptcsstailwindcssreact
- Domain
- frontend
- Issue Type
- feature
- SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
- 2
- Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
- 1-3 hours
- AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
- fresh
- KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
- mostly clear
- Voraussetzungen
- CSS layouttailwindcss styling
- EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
- 75
- Research-Richtung
- 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.