forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
Reduce Threadgate button size (#4287)
+6
-2
+5
-1
src/components/Button.tsx
+5
-1
src/components/Button.tsx
···
28
28
| 'gradient_sunset'
29
29
| 'gradient_nordic'
30
30
| 'gradient_bonfire'
31
-
export type ButtonSize = 'tiny' | 'small' | 'medium' | 'large'
31
+
export type ButtonSize = 'tiny' | 'xsmall' | 'small' | 'medium' | 'large'
32
32
export type ButtonShape = 'round' | 'square' | 'default'
33
33
export type VariantProps = {
34
34
/**
···
283
283
baseStyles.push({paddingVertical: 12}, a.px_2xl, a.rounded_sm, a.gap_md)
284
284
} else if (size === 'small') {
285
285
baseStyles.push({paddingVertical: 9}, a.px_lg, a.rounded_sm, a.gap_sm)
286
+
} else if (size === 'xsmall') {
287
+
baseStyles.push({paddingVertical: 6}, a.px_sm, a.rounded_sm, a.gap_sm)
286
288
} else if (size === 'tiny') {
287
289
baseStyles.push({paddingVertical: 4}, a.px_sm, a.rounded_xs, a.gap_xs)
288
290
}
···
295
297
}
296
298
} else if (size === 'small') {
297
299
baseStyles.push({height: 34, width: 34})
300
+
} else if (size === 'xsmall') {
301
+
baseStyles.push({height: 28, width: 28})
298
302
} else if (size === 'tiny') {
299
303
baseStyles.push({height: 20, width: 20})
300
304
}