actualbudget / actualbudget/actual

[Tech Enhancement] Implement standard sizes on `Text` and `Input` components

Offen
#3,771 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
help wanted user interface
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

Beitragsleitfaden öffnen

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

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.