diff options
| author | Jan-Olof Eriksson <jan-olof.eriksson@iki.fi> | 2024-03-11 14:52:33 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-03-11 14:52:33 +0200 |
| commit | 4a2251f48bd51d8bd427d21f0dd697c8d43d7856 (patch) | |
| tree | 17b7d68f0a19f54313607257de79accc7b6daf4c /src/components/Button.tsx | |
| parent | cbc65247ae57502356165a5d51270bd8d19fd9a5 (diff) | |
| parent | 596e744d4177d3be6defeef68f202a70baaf6e37 (diff) | |
| download | voidsky-4a2251f48bd51d8bd427d21f0dd697c8d43d7856.tar.zst | |
Merge branch 'bluesky-social:main' into main
Diffstat (limited to 'src/components/Button.tsx')
| -rw-r--r-- | src/components/Button.tsx | 4 |
1 files changed, 3 insertions, 1 deletions
diff --git a/src/components/Button.tsx b/src/components/Button.tsx index 5361be963..d3bf73cc3 100644 --- a/src/components/Button.tsx +++ b/src/components/Button.tsx @@ -27,7 +27,7 @@ export type ButtonColor = | 'gradient_sunset' | 'gradient_nordic' | 'gradient_bonfire' -export type ButtonSize = 'tiny' | 'small' | 'large' +export type ButtonSize = 'tiny' | 'small' | 'medium' | 'large' export type ButtonShape = 'round' | 'square' | 'default' export type VariantProps = { /** @@ -274,6 +274,8 @@ export function Button({ if (shape === 'default') { if (size === 'large') { baseStyles.push({paddingVertical: 15}, a.px_2xl, a.rounded_sm, a.gap_md) + } else if (size === 'medium') { + baseStyles.push({paddingVertical: 12}, a.px_2xl, a.rounded_sm, a.gap_md) } else if (size === 'small') { baseStyles.push({paddingVertical: 9}, a.px_lg, a.rounded_sm, a.gap_sm) } else if (size === 'tiny') { |