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/screens/PostThread.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/screens/PostThread.tsx')
| -rw-r--r-- | src/view/screens/PostThread.tsx | 9 |
1 files changed, 5 insertions, 4 deletions
diff --git a/src/view/screens/PostThread.tsx b/src/view/screens/PostThread.tsx index 86b2d3027..a6aafa530 100644 --- a/src/view/screens/PostThread.tsx +++ b/src/view/screens/PostThread.tsx @@ -12,7 +12,7 @@ import {useStores} from 'state/index' import {s} from 'lib/styles' import {useSafeAreaInsets} from 'react-native-safe-area-context' import {clamp} from 'lodash' -import {isDesktopWeb} from 'platform/detection' +import {useWebMediaQueries} from 'lib/hooks/useWebMediaQueries' const SHELL_FOOTER_HEIGHT = 44 @@ -26,6 +26,7 @@ export const PostThreadScreen = withAuthRequired(({route}: Props) => { () => new PostThreadModel(store, {uri}), [store, uri], ) + const {isMobile} = useWebMediaQueries() useFocusEffect( React.useCallback(() => { @@ -67,15 +68,15 @@ export const PostThreadScreen = withAuthRequired(({route}: Props) => { return ( <View style={s.hContentRegion}> - <ViewHeader title="Post" /> - <View style={s.hContentRegion}> + {isMobile && <ViewHeader title="Post" />} + <View style={s.flex1}> <PostThreadComponent uri={uri} view={view} onPressReply={onPressReply} /> </View> - {!isDesktopWeb && ( + {isMobile && ( <View style={[ styles.prompt, |