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/modals/Modal.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/com/modals/Modal.web.tsx')
| -rw-r--r-- | src/view/com/modals/Modal.web.tsx | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/src/view/com/modals/Modal.web.tsx b/src/view/com/modals/Modal.web.tsx index 5cfdd6bb3..b3a79221d 100644 --- a/src/view/com/modals/Modal.web.tsx +++ b/src/view/com/modals/Modal.web.tsx @@ -3,8 +3,8 @@ import {TouchableWithoutFeedback, StyleSheet, View} from 'react-native' import {observer} from 'mobx-react-lite' import {useStores} from 'state/index' import {usePalette} from 'lib/hooks/usePalette' +import {useWebMediaQueries} from 'lib/hooks/useWebMediaQueries' import type {Modal as ModalIface} from 'state/models/ui/shell' -import {isMobileWeb} from 'platform/detection' import * as ConfirmModal from './Confirm' import * as EditProfileModal from './EditProfile' @@ -47,6 +47,7 @@ export const ModalsContainer = observer(function ModalsContainer() { function Modal({modal}: {modal: ModalIface}) { const store = useStores() const pal = usePalette('default') + const {isMobile} = useWebMediaQueries() if (!store.shell.isModalActive) { return null @@ -119,7 +120,7 @@ function Modal({modal}: {modal: ModalIface}) { <View style={[ styles.container, - isMobileWeb && styles.containerMobile, + isMobile && styles.containerMobile, pal.view, pal.border, ]}> |