zio
/
bsky-app
2
0
Fork 0
Code Pull Requests Packages Releases Activity

Fix button size on labeler (#4137) 

* Fix button size

* Fix mobile
zio/stable
Eric Bailey 2024-05-20 21:04:27 -05:00 committed by GitHub
parent 87fa501433
commit ad2d84fb05
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/screens/Profile/Header/ProfileHeaderLabeler.tsx
View File

@ -24,7 +24,7 @@ import {isIOS} from 'platform/detection'
import {useProfileShadow} from 'state/cache/profile-shadow' import {useProfileShadow} from 'state/cache/profile-shadow'
import {ProfileMenu} from '#/view/com/profile/ProfileMenu' import {ProfileMenu} from '#/view/com/profile/ProfileMenu'
import * as Toast from '#/view/com/util/Toast' import * as Toast from '#/view/com/util/Toast'
import {atoms as a, tokens, useTheme} from '#/alf' import {atoms as a, tokens, useBreakpoints, useTheme} from '#/alf'
import {Button, ButtonText} from '#/components/Button' import {Button, ButtonText} from '#/components/Button'
import {DialogOuterProps} from '#/components/Dialog' import {DialogOuterProps} from '#/components/Dialog'
import { import {
@ -60,6 +60,7 @@ let ProfileHeaderLabeler = ({
const profile: Shadow<AppBskyActorDefs.ProfileViewDetailed> = const profile: Shadow<AppBskyActorDefs.ProfileViewDetailed> =
useProfileShadow(profileUnshadowed) useProfileShadow(profileUnshadowed)
const t = useTheme() const t = useTheme()
const {gtMobile} = useBreakpoints()
const {_} = useLingui() const {_} = useLingui()
const {currentAccount, hasSession} = useSession() const {currentAccount, hasSession} = useSession()
const {openModal} = useModalControls() const {openModal} = useModalControls()
@ -197,6 +198,7 @@ let ProfileHeaderLabeler = ({
<View <View
style={[ style={[
{ {
paddingVertical: gtMobile ? 12 : 10,
backgroundColor: backgroundColor:
isSubscribed || !canSubscribe isSubscribed || !canSubscribe
? state.hovered || state.pressed ? state.hovered || state.pressed
@ -206,8 +208,7 @@ let ProfileHeaderLabeler = ({
? tokens.color.temp_purple_dark ? tokens.color.temp_purple_dark
: tokens.color.temp_purple, : tokens.color.temp_purple,
}, },
a.py_sm, a.px_lg,
a.px_md,
a.rounded_sm, a.rounded_sm,
a.gap_sm, a.gap_sm,
]}> ]}>