movie-web/native-app
1
0
Fork 0
mirror of https://github.com/movie-web/native-app.git synced 2025-09-13 14:03:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

replace all stylesheets with tailwind classes

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

18
apps/mobile/components/layout/screenLayout.tsx
View File

@@ -1,6 +1,4 @@
import { View } from 'react-native';
import { BoldText, RegularText } from '../ui/Text';
import { StyledText, StyledView } from '../ui/Styled';
type Props = {
title?: React.ReactNode | string;
@@ -10,15 +8,17 @@ type Props = {
export default function ScreenLayout({ title, subtitle, children }: Props) {
return (
<View className="bg-shade-900 flex-1 py-12">
<StyledView tw="bg-shade-900 flex-1 p-12">
{typeof title === 'string' && (
<BoldText className="text-2xl font-bold text-white">{title}</BoldText>
<StyledText className="text-2xl font-bold text-white">
{title}
</StyledText>
)}
{typeof title !== 'string' && title}
<RegularText className="text-shade-200 mt-1 text-sm">
<StyledText className="mt-1 text-sm font-bold text-white">
{subtitle}
</RegularText>
<View className="py-3">{children}</View>
</View>
</StyledText>
<StyledView className="py-3">{children}</StyledView>
</StyledView>
);
}