diff options
| author | Samuel Newman <mozzius@protonmail.com> | 2024-07-24 20:40:06 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-07-24 20:40:06 +0100 |
| commit | 8fe5ddfa49df30c744aecdd58eac430c08037abd (patch) | |
| tree | a8f51b90f4a13997b6a2f2ab2825635a1569538f /src/view/screens/PreferencesExternalEmbeds.tsx | |
| parent | cfb8a3160e0092990bafd05cb97006720400448a (diff) | |
| download | voidsky-8fe5ddfa49df30c744aecdd58eac430c08037abd.tar.zst | |
Modernise thread/following feed settings screen (#4797)
* fix web * show back button on tablet for certain settings screens * move headers to inside of scrollview --------- Co-authored-by: Samuel Newman <10959775+mozzius@users.noreply.github.com>
Diffstat (limited to 'src/view/screens/PreferencesExternalEmbeds.tsx')
| -rw-r--r-- | src/view/screens/PreferencesExternalEmbeds.tsx | 33 |
1 files changed, 15 insertions, 18 deletions
diff --git a/src/view/screens/PreferencesExternalEmbeds.tsx b/src/view/screens/PreferencesExternalEmbeds.tsx index 5eec7e507..57ca5e765 100644 --- a/src/view/screens/PreferencesExternalEmbeds.tsx +++ b/src/view/screens/PreferencesExternalEmbeds.tsx @@ -30,7 +30,7 @@ export function PreferencesExternalEmbeds({}: Props) { const pal = usePalette('default') const setMinimalShellMode = useSetMinimalShellMode() const {screen} = useAnalytics() - const {isMobile} = useWebMediaQueries() + const {isTabletOrMobile} = useWebMediaQueries() useFocusEffect( React.useCallback(() => { @@ -41,26 +41,23 @@ export function PreferencesExternalEmbeds({}: Props) { return ( <View style={s.hContentRegion} testID="preferencesExternalEmbedsScreen"> - <SimpleViewHeader - showBackButton={isMobile} - style={[ - pal.border, - {borderBottomWidth: 1}, - !isMobile && {borderLeftWidth: 1, borderRightWidth: 1}, - ]}> - <View style={{flex: 1}}> - <Text type="title-lg" style={[pal.text, {fontWeight: 'bold'}]}> - <Trans>External Media Preferences</Trans> - </Text> - <Text style={pal.textLight}> - <Trans>Customize media from external sites.</Trans> - </Text> - </View> - </SimpleViewHeader> <ScrollView // @ts-ignore web only -prf dataSet={{'stable-gutters': 1}} - contentContainerStyle={[pal.viewLight, {paddingBottom: 200}]}> + contentContainerStyle={[pal.viewLight, {paddingBottom: 75}]}> + <SimpleViewHeader + showBackButton={isTabletOrMobile} + style={[pal.border, {borderBottomWidth: 1}]}> + <View style={{flex: 1}}> + <Text type="title-lg" style={[pal.text, {fontWeight: 'bold'}]}> + <Trans>External Media Preferences</Trans> + </Text> + <Text style={pal.textLight}> + <Trans>Customize media from external sites.</Trans> + </Text> + </View> + </SimpleViewHeader> + <View style={[pal.view]}> <View style={styles.infoCard}> <Text style={pal.text}> |