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/shell/index.web.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/shell/index.web.tsx')
| -rw-r--r-- | src/view/shell/index.web.tsx | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/src/view/shell/index.web.tsx b/src/view/shell/index.web.tsx index e36439c82..6182f1ba4 100644 --- a/src/view/shell/index.web.tsx +++ b/src/view/shell/index.web.tsx @@ -19,7 +19,7 @@ import {NavigationProp} from 'lib/routes/types' const ShellInner = observer(() => { const store = useStores() - const {isDesktop} = useWebMediaQueries() + const {isDesktop, isMobile} = useWebMediaQueries() const navigator = useNavigation<NavigationProp>() useEffect(() => { @@ -28,11 +28,11 @@ const ShellInner = observer(() => { }) }, [navigator, store.shell]) - const showBottomBar = !isDesktop && !store.onboarding.isActive + const showBottomBar = isMobile && !store.onboarding.isActive const showSideNavs = - isDesktop && store.session.hasSession && !store.onboarding.isActive + !isMobile && store.session.hasSession && !store.onboarding.isActive return ( - <> + <View style={[s.hContentRegion, {overflow: 'hidden'}]}> <View style={s.hContentRegion}> <ErrorBoundary> <FlatNavigator /> @@ -67,7 +67,7 @@ const ShellInner = observer(() => { </View> </TouchableOpacity> )} - </> + </View> ) }) |