Tweak prompt styles on mobile web
This commit is contained in:
@@ -3,6 +3,7 @@ import {View} from 'react-native'
|
|||||||
import {msg} from '@lingui/macro'
|
import {msg} from '@lingui/macro'
|
||||||
import {useLingui} from '@lingui/react'
|
import {useLingui} from '@lingui/react'
|
||||||
|
|
||||||
|
import {isNative} from '#/platform/detection'
|
||||||
import {useTheme, atoms as a, useBreakpoints} from '#/alf'
|
import {useTheme, atoms as a, useBreakpoints} from '#/alf'
|
||||||
import {Text} from '#/components/Typography'
|
import {Text} from '#/components/Typography'
|
||||||
import {Button, ButtonColor, ButtonText} from '#/components/Button'
|
import {Button, ButtonColor, ButtonText} from '#/components/Button'
|
||||||
@@ -84,7 +85,8 @@ export function Actions({children}: React.PropsWithChildren<{}>) {
|
|||||||
a.justify_end,
|
a.justify_end,
|
||||||
gtMobile
|
gtMobile
|
||||||
? [a.flex_row, a.flex_row_reverse, a.justify_start]
|
? [a.flex_row, a.flex_row_reverse, a.justify_start]
|
||||||
: [a.flex_col, a.pt_md, a.pb_4xl],
|
: [a.flex_col],
|
||||||
|
isNative && [a.pb_4xl],
|
||||||
]}>
|
]}>
|
||||||
{children}
|
{children}
|
||||||
</View>
|
</View>
|
||||||
|
|||||||
@@ -305,7 +305,7 @@ let ProfileMenu = ({
|
|||||||
confirmButtonCta={
|
confirmButtonCta={
|
||||||
profile.viewer?.blocking ? _(msg`Unblock`) : _(msg`Block`)
|
profile.viewer?.blocking ? _(msg`Unblock`) : _(msg`Block`)
|
||||||
}
|
}
|
||||||
confirmButtonColor="negative"
|
confirmButtonColor={profile.viewer?.blocking ? undefined : 'negative'}
|
||||||
/>
|
/>
|
||||||
</EventStopper>
|
</EventStopper>
|
||||||
)
|
)
|
||||||
|
|||||||
Reference in New Issue
Block a user