diff options
-rw-r--r-- | src/components/AppLanguageDropdown.tsx | 4 | ||||
-rw-r--r-- | src/components/AppLanguageDropdown.web.tsx | 5 | ||||
-rw-r--r-- | src/view/shell/NavSignupCard.tsx | 4 | ||||
-rw-r--r-- | src/view/shell/desktop/LeftNav.tsx | 2 |
4 files changed, 8 insertions, 7 deletions
diff --git a/src/components/AppLanguageDropdown.tsx b/src/components/AppLanguageDropdown.tsx index 6170ab2e2..82ca4999e 100644 --- a/src/components/AppLanguageDropdown.tsx +++ b/src/components/AppLanguageDropdown.tsx @@ -7,10 +7,10 @@ import {sanitizeAppLanguageSetting} from '#/locale/helpers' import {APP_LANGUAGES} from '#/locale/languages' import {useLanguagePrefs, useLanguagePrefsApi} from '#/state/preferences' import {resetPostsFeedQueries} from '#/state/queries/post-feed' -import {atoms as a, useTheme} from '#/alf' +import {atoms as a, useTheme, ViewStyleProp} from '#/alf' import {ChevronBottom_Stroke2_Corner0_Rounded as ChevronDown} from '#/components/icons/Chevron' -export function AppLanguageDropdown() { +export function AppLanguageDropdown(_props: ViewStyleProp) { const t = useTheme() const queryClient = useQueryClient() diff --git a/src/components/AppLanguageDropdown.web.tsx b/src/components/AppLanguageDropdown.web.tsx index 00a7b5301..d51b53ac0 100644 --- a/src/components/AppLanguageDropdown.web.tsx +++ b/src/components/AppLanguageDropdown.web.tsx @@ -6,11 +6,11 @@ import {sanitizeAppLanguageSetting} from '#/locale/helpers' import {APP_LANGUAGES} from '#/locale/languages' import {useLanguagePrefs, useLanguagePrefsApi} from '#/state/preferences' import {resetPostsFeedQueries} from '#/state/queries/post-feed' -import {atoms as a, useTheme} from '#/alf' +import {atoms as a, useTheme, ViewStyleProp} from '#/alf' import {ChevronBottom_Stroke2_Corner0_Rounded as ChevronDown} from '#/components/icons/Chevron' import {Text} from '#/components/Typography' -export function AppLanguageDropdown() { +export function AppLanguageDropdown({style}: ViewStyleProp) { const t = useTheme() const queryClient = useQueryClient() @@ -40,6 +40,7 @@ export function AppLanguageDropdown() { // We don't have hitSlop here to increase the tap region, // alternative is negative margins. {height: 32, marginVertical: -((32 - 14) / 2)}, + style, ]}> <View style={[ diff --git a/src/view/shell/NavSignupCard.tsx b/src/view/shell/NavSignupCard.tsx index 05533328c..63648db4c 100644 --- a/src/view/shell/NavSignupCard.tsx +++ b/src/view/shell/NavSignupCard.tsx @@ -64,8 +64,8 @@ let NavSignupCard = ({}: {}): React.ReactNode => { </Button> </View> - <View style={[a.pt_2xl, a.w_full]}> - <AppLanguageDropdown /> + <View style={[a.mt_md, a.w_full, {height: 32}]}> + <AppLanguageDropdown style={{marginTop: 0}} /> </View> </View> ) diff --git a/src/view/shell/desktop/LeftNav.tsx b/src/view/shell/desktop/LeftNav.tsx index ecd00a919..1a9ce2005 100644 --- a/src/view/shell/desktop/LeftNav.tsx +++ b/src/view/shell/desktop/LeftNav.tsx @@ -353,7 +353,7 @@ export function DesktopLeftNav() { {hasSession ? ( <ProfileCard /> ) : isDesktop ? ( - <View style={{paddingHorizontal: 12}}> + <View style={[a.pt_xl]}> <NavSignupCard /> </View> ) : null} |