learning/ignitegym
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: style home header

Browse source
This commit is contained in:
Vinicius Souza 2024-10-25 12:18:09 -03:00
parent 5328160d76
commit 1e0917ab98
2 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/HomeHeader.tsx
View file

@ -2,7 +2,7 @@ import { Heading, HStack, Text, VStack } from "@gluestack-ui/themed";
export function HomeHeader() { export function HomeHeader() {
return ( return (
<HStack> <HStack bg="$gray600" pt="$16" pb="$5" px="$8" alignItems="center">
<VStack> <VStack>
<Text color="$gray100" fontSize="$sm"> <Text color="$gray100" fontSize="$sm">
Olá, Olá,

6
src/screens/Home.tsx
View file

@ -1,10 +1,10 @@
import { HomeHeader } from "@components/HomeHeader"; import { HomeHeader } from "@components/HomeHeader";
import { Center } from "@gluestack-ui/themed"; import { VStack } from "@gluestack-ui/themed";
export function Home() { export function Home() {
return ( return (
<Center flex={1}> <VStack flex={1}>
<HomeHeader /> <HomeHeader />
</Center> </VStack>
) )
} }