diff --git a/amnet-native/app/CardManager.tsx b/amnet-native/app/CardManager.tsx index 3d06aef..a2e988a 100644 --- a/amnet-native/app/CardManager.tsx +++ b/amnet-native/app/CardManager.tsx @@ -74,7 +74,7 @@ export default function CardManager({navigation}) { return ( i._id.toString()} contentContainerStyle={{paddingBottom: 120}} diff --git a/amnet-native/app/ServerCardIn.tsx b/amnet-native/app/ServerCardIn.tsx index 739e4a8..1331fb6 100644 --- a/amnet-native/app/ServerCardIn.tsx +++ b/amnet-native/app/ServerCardIn.tsx @@ -1,7 +1,8 @@ import {BSON} from "realm"; import {ActivityIndicator, Button, Text, useTheme} from "react-native-paper"; import React, {useCallback, useEffect, useLayoutEffect, useMemo, useState} from "react"; -import {Alert, Platform, RefreshControl, ScrollView, Share, StyleSheet, View} from "react-native"; +import {Alert, Platform, RefreshControl, ScrollView, Share, View} from "react-native"; +import {useSafeAreaInsets} from "react-native-safe-area-context"; import { CircleCheck, CircleDot, @@ -41,7 +42,8 @@ const {useRealm, useQuery, useObject} = RealmContext; export default function ServerCardIn({route, navigation}) { const realm = useRealm(); - const theme = useTheme() + const theme = useTheme(); + const insets = useSafeAreaInsets(); const {serverId} = route.params; const server = useObject(AMServer, ObjectId.createFromHexString(serverId)); @@ -215,9 +217,17 @@ export default function ServerCardIn({route, navigation}) { ) } + const containerStyle = { + paddingTop: Platform.OS === 'android' ? insets.top : 0, + paddingHorizontal: 16, + paddingBottom: 80, + gap: 20 + }; + return ( - }> - + }> + {server.gameId ? `Play ${getGameName(server.gameId)}` : "Selected Card"} @@ -344,21 +354,15 @@ const menuActions: MenuAction[] = [ } ]; -const styles = StyleSheet.create({ +const styles = { section: { gap: 10 }, sectionTitle: { - fontWeight: "bold" + fontWeight: "bold" as const }, emptyPlaceholderView: { marginVertical: 30, gap: 15 - }, - container: { - paddingTop: Platform.select({android: 120, default: 0}), - paddingHorizontal: 16, - paddingBottom: 80, - gap: 20 } -}); +}; diff --git a/amnet-native/app/ServerManager.tsx b/amnet-native/app/ServerManager.tsx index 6f1a69b..295ea87 100644 --- a/amnet-native/app/ServerManager.tsx +++ b/amnet-native/app/ServerManager.tsx @@ -91,7 +91,7 @@ export default function ServerManager({navigation}) { i._id.toString()} - style={{padding: 16, paddingTop: 24}} + style={{padding: 16}} contentContainerStyle={{paddingBottom: 80}} renderItem={i => } ItemSeparatorComponent={() => } diff --git a/amnet-native/app/card/CardAddModal.tsx b/amnet-native/app/card/CardAddModal.tsx index a836e3b..a5c7ea7 100644 --- a/amnet-native/app/card/CardAddModal.tsx +++ b/amnet-native/app/card/CardAddModal.tsx @@ -84,4 +84,7 @@ function MethodCard(props: { ) } -export default CardAddModal; \ No newline at end of file +export default Platform.select({ + default: ManualCardEntry, + ios: CardAddModal +}); \ No newline at end of file