actualbudget / actualbudget/actual

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

Open
#3,771 0 comments 0 reactions 0 assignees View on GitHub
help wanted user interface
Dominant language
TypeScript
Stars
28.7k
Forks
3k
Avg merge
2d 11h
Merged PRs (30d)
65

Description

### 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

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.