actualbudget / actualbudget/actual

[Tech Enhancement] Implement standard sizes on `Button` component

Aperta
#3,770 1 commento 0 reazioni 0 assegnatari Vedi su GitHub
help wanted user interface
Lingua principale
TypeScript
Stelle
28.8k
Fork
3k
Merge medio
2g 11h
PR unite (30g)
65

Descrizione

### 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 button sizes across the app. This enhancement is to extend the `Button2` component 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 buttons 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

Guida per i contributori

Apri la guida per i contributori

Direzione di ricerca

Start by locating the TypeScript definition and usages of the Button2 component, then review how buttons currently size themselves across desktop, tablet, and mobile layouts. Done means Button2 accepts small, medium, large, and extra-large size values and the resulting buttons use consistent responsive width and height throughout the app.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
typescript
Ambito
frontend
Tipo di issue
Funzionalità
Difficoltà
4/5
Tempo stimato
3-5 giorni
Stato di attività
Ferma
Chiarezza
Abbastanza chiara
Idoneità per principianti
35/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.