replace all stylesheets with tailwind classes

This commit is contained in:
Jorrin
2024-01-23 21:56:17 +01:00
parent 8a48a1cce4
commit 26a1b623e7
25 changed files with 148 additions and 285 deletions

View File

@@ -1,23 +1,22 @@
import { Link, Stack } from 'expo-router';
import { View } from 'react-native';
import { BoldText, RegularText } from '../components/ui/Text';
import { StyledText, StyledView } from '../components/ui/Styled';
export default function NotFoundScreen() {
return (
<>
<Stack.Screen options={{ title: 'Oops!' }} />
<View className="flex-1 items-center justify-center p-5">
<BoldText className="text-lg font-bold">
<StyledView className="flex-1 items-center justify-center p-5">
<StyledText className="text-lg font-bold">
This screen doesn&apos;t exist.
</BoldText>
</StyledText>
<Link href="/" className="mt-4 py-4">
<RegularText className="text-sm text-sky-500">
<StyledText className="text-sm text-sky-500">
Go to home screen!
</RegularText>
</StyledText>
</Link>
</View>
</StyledView>
</>
);
}