Skip to content

O
order-management-react
Commit fe5fc2d9 authored by Shanelle Valencia's avatar Shanelle Valencia
Browse files
Options

🚧 Add some styling on user account

parent 1b2d41e6
Hide whitespace changes
Inline Side-by-side
Showing with 30 additions and 6 deletions
src/pages/AccountPage.tsx
View file @ fe5fc2d9
......@@ -15,14 +15,38 @@ const AccountPage = () => {
spacing={4}
align="stretch"
>
<Box h="40px" >
Email: {manager.email}
<Box h="40px" // p={2}
size="sm"
color="white"
fontWeight="bold"
borderRadius="sm"
bgGradient="linear(to-r, teal.500,blue.500)"
// _hover={{
// bgGradient: "linear(to-r, orange.500, green.500)",
// }}
>Email: {manager.email }
</Box>
<Box h="40px" >
First Name: {manager.firstName}
<Box h="40px"
size="sm"
color="white"
fontWeight="bold"
borderRadius="sm"
bgGradient="linear(to-r, blue.500,yellow.500)"
// _hover={{
// bgGradient: "linear(to-r, blue.500, yellow.500)",
// }}>
>First Name: {manager.firstName}
</Box>
<Box h="40px" >
Last Name: {manager.lastName}
<Box h="40px"
size="sm"
color="white"
fontWeight="bold"
borderRadius="sm"
bgGradient="linear(to-r, teal.500,purple.400)"
// _hover={{
// bgGradient: "linear(to-r, blue.500, yellow.500)",
// }}>
>Last Name: {manager.lastName}
</Box>
</VStack>
</Box>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment