forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
Make the buttons round again (#9367)
* make the base button round
* some miscalleaneous tweaks
authored by
Samuel Newman
and committed by
GitHub
bcd0e401
5208aa4a
+8
-13
+1
-3
src/components/Button.tsx
+1
-3
src/components/Button.tsx
···
434
434
}
435
435
436
436
if (shape === 'default') {
437
+
baseStyles.push(a.rounded_full)
437
438
if (size === 'large') {
438
439
baseStyles.push({
439
440
paddingVertical: 12,
440
441
paddingHorizontal: 25,
441
-
borderRadius: 10,
442
442
gap: 3,
443
443
})
444
444
} else if (size === 'small') {
445
445
baseStyles.push({
446
446
paddingVertical: 8,
447
447
paddingHorizontal: 13,
448
-
borderRadius: 8,
449
448
gap: 3,
450
449
})
451
450
} else if (size === 'tiny') {
452
451
baseStyles.push({
453
452
paddingVertical: 5,
454
453
paddingHorizontal: 9,
455
-
borderRadius: 6,
456
454
gap: 2,
457
455
})
458
456
}
-1
src/components/Layout/Header/index.tsx
-1
src/components/Layout/Header/index.tsx
+1
-2
src/components/PostControls/RepostButton.tsx
+1
-2
src/components/PostControls/RepostButton.tsx
+4
-4
src/screens/Profile/Header/Shell.tsx
+4
-4
src/screens/Profile/Header/Shell.tsx
···
9
9
} from 'react-native-reanimated'
10
10
import {useSafeAreaInsets} from 'react-native-safe-area-context'
11
11
import {type AppBskyActorDefs, type ModerationDecision} from '@atproto/api'
12
+
import {utils} from '@bsky.app/alf'
12
13
import {msg} from '@lingui/macro'
13
14
import {useLingui} from '@lingui/react'
14
15
import {useNavigation} from '@react-navigation/native'
···
26
27
import {UserAvatar} from '#/view/com/util/UserAvatar'
27
28
import {UserBanner} from '#/view/com/util/UserBanner'
28
29
import {atoms as a, platform, useTheme} from '#/alf'
29
-
import {transparentifyColor} from '#/alf/util/colorGeneration'
30
30
import {Button} from '#/components/Button'
31
31
import {useDialogControl} from '#/components/Dialog'
32
32
import {ArrowLeft_Stroke2_Corner0_Rounded as ArrowLeftIcon} from '#/components/icons/Arrow'
···
175
175
style={[
176
176
a.align_center,
177
177
a.justify_center,
178
-
a.rounded_sm,
178
+
a.rounded_full,
179
179
{
180
180
width: 31,
181
181
height: 31,
182
-
backgroundColor: transparentifyColor('#000', 0.5),
182
+
backgroundColor: utils.alpha('#000', 0.5),
183
183
},
184
184
hovered && {
185
-
backgroundColor: transparentifyColor('#000', 0.75),
185
+
backgroundColor: utils.alpha('#000', 0.75),
186
186
},
187
187
]}>
188
188
<ArrowLeftIcon size="lg" fill="white" />
+1
-1
src/screens/Search/Shell.tsx
+1
-1
src/screens/Search/Shell.tsx
+1
-1
src/screens/Search/modules/ExploreTrendingTopics.tsx
+1
-1
src/screens/Search/modules/ExploreTrendingTopics.tsx
···
97
97
PressableComponent={Pressable}>
98
98
{({hovered, pressed}) => (
99
99
<>
100
-
<SubtleHover hover={hovered || pressed} />
100
+
<SubtleHover hover={hovered || pressed} native />
101
101
<View style={[gutters, a.w_full, a.py_lg, a.flex_row, a.gap_2xs]}>
102
102
<View style={[a.flex_1, a.gap_xs]}>
103
103
<View style={[a.flex_row]}>