actualbudget / actualbudget/actual
[Tech Enhancement] Implement standard sizes on `Text` and `Input` components
- Vorherrschende Sprache
- TypeScript
- Sterne
- 28.8k
- Forks
- 3k
- Ø Merge
- 2 T. 11 Std.
- Gemergte PRs (30 T.)
- 65
Beschreibung
### Verified issue does not already exist?
- [X] I have searched and found no existing issue
- [X] I will be providing steps how to reproduce the bug (in most cases this will also mean uploading a demo budget file)
### What happened?
Currently, there is no standard sizes for texts and inputs across the app. This enhancement is to extend the `Text` and `Input` components to have a size prop which accepts some standard size values:
- small
- medium
- large
- extra-large
These standard sizes should vary between screen sizes e.g. different set of width and height for desktop, tablet, mobile
This change should help make all the texts and inputs more uniform in sizes throughout the app
### Where are you hosting Actual?
None
### What browsers are you seeing the problem on?
_No response_
### Operating System
None
Beitragsleitfaden
Rechercherichtung
Locate the existing Text and Input components and review how responsive styling is handled across the app. Define how small, medium, large, and extra-large should differ on desktop, tablet, and mobile, then verify the resulting sizes are consistent wherever these components are used.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- typescript
- Bereich
- frontend
- Issue-Typ
- Feature
- Schwierigkeit
- 4/5
- Geschätzter Aufwand
- 3-5 Tage
- Aktivitätsstatus
- Veraltet
- Klarheit
- Größtenteils klar
- Anfängerfreundlichkeit
- 35/100