Merge pull request #8 from movibe/feat/unit-test

feat: tailwind dark theme
movibe · Oct 10, 2023 · 9e081ed · 9e081ed
2 parents 1094277 + df13591
commit 9e081ed
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 11 deletions.
diff --git a/src/app/index.tsx b/src/app/index.tsx
@@ -12,17 +12,15 @@ const Index = () => {
 
   return (
     <View style={tailwind('flex-1 items-center justify-center bg-white dark:bg-slate-800')}>
-      <View style={tailwind('flex-1 justify-center ')}>
-        <Text style={tailwind('font-bold text-29xl dark:text-white')}>Home</Text>
-        <Text style={tailwind('text-lg dark:text-white')}>Modify app/index.tsx</Text>
-        <Text style={tailwind('text-lg dark:text-white')}>{translate('welcome')}</Text>
+      <Text style={tailwind('font-bold text-29xl dark:text-white')}>Home</Text>
+      <Text style={tailwind('text-lg dark:text-white')}>Modify app/index.tsx</Text>
+      <Text style={tailwind('text-lg dark:text-white')}>{translate('welcome')}</Text>
 
-        <Button>Normal button</Button>
-        <Button color="secondary">Teste de botão</Button>
-        <Button color="secondary" size="sm">
-          Teste de botão
-        </Button>
-      </View>
+      <Button>Normal button</Button>
+      <Button color="secondary">Teste de botão</Button>
+      <Button color="secondary" size="sm">
+        Teste de botão
+      </Button>
     </View>
   )
 }

diff --git a/src/components/atomic/atoms/Button/index.tsx b/src/components/atomic/atoms/Button/index.tsx
@@ -18,7 +18,7 @@ export const Button = ({ children, color, onPress, size, ...props }: ButtonProps
       onPress={onPress}
       style={tailwind(buttonVariant({ color, size }))}
       {...props}>
-      <Text style={tailwind('text-lg font-bold text-gray-50')}>{children}</Text>
+      <Text style={tailwind('text-lg font-bold text-gray-50 px-4')}>{children}</Text>
     </TouchableOpacity>
   )
 }