Tweak prompt styles on mobile web (#3193)
This commit is contained in:
parent
7af338ed21
commit
653240bc05
2 changed files with 4 additions and 2 deletions
|
@ -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>
|
||||||
)
|
)
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue