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/report/InputIssueDetails.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/report/InputIssueDetails.tsx')
| -rw-r--r-- | src/view/com/modals/report/InputIssueDetails.tsx | 11 |
1 files changed, 6 insertions, 5 deletions
diff --git a/src/view/com/modals/report/InputIssueDetails.tsx b/src/view/com/modals/report/InputIssueDetails.tsx index a2e5069a8..70a8f7b24 100644 --- a/src/view/com/modals/report/InputIssueDetails.tsx +++ b/src/view/com/modals/report/InputIssueDetails.tsx @@ -5,9 +5,9 @@ import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome' import {CharProgress} from '../../composer/char-progress/CharProgress' import {Text} from '../../util/text/Text' import {usePalette} from 'lib/hooks/usePalette' +import {useWebMediaQueries} from 'lib/hooks/useWebMediaQueries' import {s} from 'lib/styles' import {SendReportButton} from './SendReportButton' -import {isDesktopWeb} from 'platform/detection' export function InputIssueDetails({ details, @@ -23,9 +23,13 @@ export function InputIssueDetails({ isProcessing: boolean }) { const pal = usePalette('default') + const {isMobile} = useWebMediaQueries() return ( - <View style={[styles.detailsContainer]}> + <View + style={{ + marginTop: isMobile ? 12 : 0, + }}> <TouchableOpacity testID="addDetailsBtn" style={[s.mb10, styles.backBtn]} @@ -63,9 +67,6 @@ export function InputIssueDetails({ } const styles = StyleSheet.create({ - detailsContainer: { - marginTop: isDesktopWeb ? 0 : 12, - }, backBtn: { flexDirection: 'row', alignItems: 'center', |