This commit is contained in:
ameer2468 2024-06-11 23:35:47 +03:00
parent 28818870d4
commit 3b14a63c89
2 changed files with 9 additions and 9 deletions

View file

@ -61,7 +61,7 @@ const Authenticated = () => {
</Button>
)}
</View>
<Divider style={tw`mt-2 mb-4`}/>
<Divider style={tw`mb-4 mt-2`}/>
<SettingsTitle style={tw`mb-1`}>Name</SettingsTitle>
<InfoBox>
<Text style={tw`text-ink`}>{cloudLibrary.data.name}</Text>
@ -114,7 +114,7 @@ const Authenticated = () => {
</View>
<Text style={tw`font-semibold text-ink`}>Instances</Text>
</View>
<Divider style={tw`mt-2 mb-4`} />
<Divider style={tw`mb-4 mt-2`} />
<VirtualizedListWrapper
scrollEnabled={false}
contentContainerStyle={tw`flex-1`}
@ -133,7 +133,7 @@ const Authenticated = () => {
renderItem={({ item }) => <Instance data={item} length={cloudInstances?.length ?? 0} />}
keyExtractor={(item) => item.id}
numColumns={(cloudInstances?.length ?? 0) > 1 ? 2 : 1}
{...(cloudInstances?.length ?? 0) > 1 ? {columnWrapperStyle: tw`justify-between w-full`} : {}}
{...(cloudInstances?.length ?? 0) > 1 ? {columnWrapperStyle: tw`w-full justify-between`} : {}}
/>
</VirtualizedListWrapper>
</Card>
@ -195,8 +195,8 @@ const Login = () => {
loggingIn: 'Cancel',
}
return (
<View style={tw`flex-col items-center justify-center flex-1 gap-2`}>
<Card style={tw`items-center justify-center w-full p-6`}>
<View style={tw`flex-1 flex-col items-center justify-center gap-2`}>
<Card style={tw`w-full items-center justify-center p-6`}>
<Text style={tw`mb-4 max-w-[60%] text-center text-ink`}>
To access cloud related features, please login
</Text>

View file

@ -50,7 +50,7 @@ const SyncSettingsScreen = ({ navigation }: SettingsStackScreenProps<'SyncSettin
<OnlineIndicator online={data[key] ?? false} />
<Text
key={key}
style={tw`flex-col items-center justify-center mt-1 mb-3 text-left text-white`}
style={tw`mb-3 mt-1 flex-col items-center justify-center text-left text-white`}
>
{key}
</Text>
@ -73,15 +73,15 @@ export default SyncSettingsScreen;
function OnlineIndicator({ online }: { online: boolean }) {
const size = 6;
return (
<View style={tw`items-center justify-center w-6 h-6 p-2 mb-1 border rounded-full border-app-inputborder bg-app-input`}>
<View style={tw`mb-1 h-6 w-6 items-center justify-center rounded-full border border-app-inputborder bg-app-input p-2`}>
{online ? (
<View style={tw`relative items-center justify-center`}>
<MotiView
from={{ scale: 0, opacity: 1 }}
animate={{ scale: 3, opacity: 0}}
transition={{ type: 'timing', duration: 1500, loop: true, repeatReverse: false, delay: 1000}}
style={tw`absolute z-10 items-center justify-center w-2 h-2 bg-green-500 rounded-full`} />
<View style={tw`w-2 h-2 bg-green-500 rounded-full`} />
style={tw`absolute z-10 h-2 w-2 items-center justify-center rounded-full bg-green-500`} />
<View style={tw`h-2 w-2 rounded-full bg-green-500`} />
</View>
) : (
<Circle size={size} color={tw.color('red-400')} weight="fill" />