diff options
| author | dan <dan.abramov@gmail.com> | 2024-05-30 15:57:03 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-05-30 15:57:03 +0100 |
| commit | 8de028387c939999708e521203541fceea5543d4 (patch) | |
| tree | 1c76592880c50a765773ee6c20f34ef48b324247 /src | |
| parent | 8feb2ab449fb31c1a5a6bd25dea8c01f97fa5231 (diff) | |
| download | voidsky-8de028387c939999708e521203541fceea5543d4.tar.zst | |
Reduce Threadgate button size (#4287)
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/Button.tsx | 6 | ||||
| -rw-r--r-- | src/view/com/composer/threadgate/ThreadgateBtn.tsx | 2 |
2 files changed, 6 insertions, 2 deletions
diff --git a/src/components/Button.tsx b/src/components/Button.tsx index c543cbba5..e22faa060 100644 --- a/src/components/Button.tsx +++ b/src/components/Button.tsx @@ -28,7 +28,7 @@ export type ButtonColor = | 'gradient_sunset' | 'gradient_nordic' | 'gradient_bonfire' -export type ButtonSize = 'tiny' | 'small' | 'medium' | 'large' +export type ButtonSize = 'tiny' | 'xsmall' | 'small' | 'medium' | 'large' export type ButtonShape = 'round' | 'square' | 'default' export type VariantProps = { /** @@ -283,6 +283,8 @@ export function Button({ 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 === 'xsmall') { + baseStyles.push({paddingVertical: 6}, a.px_sm, a.rounded_sm, a.gap_sm) } else if (size === 'tiny') { baseStyles.push({paddingVertical: 4}, a.px_sm, a.rounded_xs, a.gap_xs) } @@ -295,6 +297,8 @@ export function Button({ } } else if (size === 'small') { baseStyles.push({height: 34, width: 34}) + } else if (size === 'xsmall') { + baseStyles.push({height: 28, width: 28}) } else if (size === 'tiny') { baseStyles.push({height: 20, width: 20}) } diff --git a/src/view/com/composer/threadgate/ThreadgateBtn.tsx b/src/view/com/composer/threadgate/ThreadgateBtn.tsx index c43f00676..df2a31e2b 100644 --- a/src/view/com/composer/threadgate/ThreadgateBtn.tsx +++ b/src/view/com/composer/threadgate/ThreadgateBtn.tsx @@ -49,7 +49,7 @@ export function ThreadgateBtn({ <Button variant="solid" color="secondary" - size="small" + size="xsmall" testID="openReplyGateButton" onPress={onPress} label={label}> |