Reduce Threadgate button size (#4287)

zio/stable
dan 2024-05-30 15:57:03 +01:00 committed by GitHub
parent 8feb2ab449
commit 8de028387c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 6 additions and 2 deletions

View File

@ -28,7 +28,7 @@ export type ButtonColor =
| 'gradient_sunset' | 'gradient_sunset'
| 'gradient_nordic' | 'gradient_nordic'
| 'gradient_bonfire' | '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 ButtonShape = 'round' | 'square' | 'default'
export type VariantProps = { export type VariantProps = {
/** /**
@ -283,6 +283,8 @@ export function Button({
baseStyles.push({paddingVertical: 12}, a.px_2xl, a.rounded_sm, a.gap_md) baseStyles.push({paddingVertical: 12}, a.px_2xl, a.rounded_sm, a.gap_md)
} else if (size === 'small') { } else if (size === 'small') {
baseStyles.push({paddingVertical: 9}, a.px_lg, a.rounded_sm, a.gap_sm) 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') { } else if (size === 'tiny') {
baseStyles.push({paddingVertical: 4}, a.px_sm, a.rounded_xs, a.gap_xs) baseStyles.push({paddingVertical: 4}, a.px_sm, a.rounded_xs, a.gap_xs)
} }
@ -295,6 +297,8 @@ export function Button({
} }
} else if (size === 'small') { } else if (size === 'small') {
baseStyles.push({height: 34, width: 34}) baseStyles.push({height: 34, width: 34})
} else if (size === 'xsmall') {
baseStyles.push({height: 28, width: 28})
} else if (size === 'tiny') { } else if (size === 'tiny') {
baseStyles.push({height: 20, width: 20}) baseStyles.push({height: 20, width: 20})
} }

View File

@ -49,7 +49,7 @@ export function ThreadgateBtn({
<Button <Button
variant="solid" variant="solid"
color="secondary" color="secondary"
size="small" size="xsmall"
testID="openReplyGateButton" testID="openReplyGateButton"
onPress={onPress} onPress={onPress}
label={label}> label={label}>