diff options
| author | Paul Frazee <pfrazee@gmail.com> | 2023-09-05 10:42:19 -0700 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-09-05 10:42:19 -0700 |
| commit | 764c7cd5694a41c98d8543b68d7791fa90db4291 (patch) | |
| tree | 8a11af0aa0e898cf7fb57ab0354f9fb5d28f004e /src/view/com/util/moderation/PostHider.tsx | |
| parent | be8084ae103064d5680485f25e202c763957f2b4 (diff) | |
| download | voidsky-764c7cd5694a41c98d8543b68d7791fa90db4291.tar.zst | |
Updates to use dynamic/responsive styles on web (#1351)
* Move most responsive queries to the hook * Fix invalid CSS value * Fixes to tablet render of post thread * Fix overflow issues on web * Fix search header on tablet * Fix QP margin in web composer * Fix: only apply double gutter once to flatlist (close #1368) * Fix styles on discover feeds header * Fix double discover links in multifeed
Diffstat (limited to 'src/view/com/util/moderation/PostHider.tsx')
| -rw-r--r-- | src/view/com/util/moderation/PostHider.tsx | 10 |
1 files changed, 7 insertions, 3 deletions
diff --git a/src/view/com/util/moderation/PostHider.tsx b/src/view/com/util/moderation/PostHider.tsx index 2a52561d4..443885dfa 100644 --- a/src/view/com/util/moderation/PostHider.tsx +++ b/src/view/com/util/moderation/PostHider.tsx @@ -2,13 +2,13 @@ import React, {ComponentProps} from 'react' import {StyleSheet, Pressable, View} from 'react-native' import {ModerationUI} from '@atproto/api' import {usePalette} from 'lib/hooks/usePalette' +import {useWebMediaQueries} from 'lib/hooks/useWebMediaQueries' import {Link} from '../Link' import {Text} from '../text/Text' import {addStyle} from 'lib/styles' import {describeModerationCause} from 'lib/moderation' import {ShieldExclamation} from 'lib/icons' import {useStores} from 'state/index' -import {isDesktopWeb} from 'platform/detection' interface Props extends ComponentProps<typeof Link> { // testID?: string @@ -27,6 +27,7 @@ export function PostHider({ }: Props) { const store = useStores() const pal = usePalette('default') + const {isMobile} = useWebMediaQueries() const [override, setOverride] = React.useState(false) if (!moderation.blur) { @@ -55,7 +56,11 @@ export function PostHider({ accessibilityRole="button" accessibilityHint={override ? 'Hide the content' : 'Show the content'} accessibilityLabel="" - style={[styles.description, pal.viewLight]}> + style={[ + styles.description, + {paddingRight: isMobile ? 22 : 18}, + pal.viewLight, + ]}> <Pressable onPress={() => { store.shell.openModal({ @@ -100,7 +105,6 @@ const styles = StyleSheet.create({ gap: 4, paddingVertical: 14, paddingLeft: 18, - paddingRight: isDesktopWeb ? 18 : 22, marginTop: 1, }, showBtn: { |