fix page login layout

georgepiter · Apr 6, 2023 · 0af39bc · 0af39bc
1 parent 0c79f15
commit 0af39bc
Show file tree

Hide file tree

Showing 4 changed files with 41 additions and 23 deletions.
diff --git a/src/components/template/NavbarTop.tsx b/src/components/template/NavbarTop.tsx
@@ -120,7 +120,11 @@ export default function NavbarTop() {
  <Box as="section">
  <Box
  as="nav"
- bg={colorMode == "dark" ? "gray.800" : "gray.900"}
+ bgGradient={
+ colorMode == "dark"
+ ? "linear(to-l, primary.800, primary.900)"
+ : "linear(to-l, primary.600, primary.700)"
+ }
  boxShadow="md"
  >
  <HStack>

diff --git a/src/components/template/PanelLeftBrand.tsx b/src/components/template/PanelLeftBrand.tsx
@@ -23,7 +23,7 @@ export default function PanelLeftBrand({ children }: Props) {
  <Image
  src={logo}
  alt="Brand Image"
- style={{ height: "auto", width: "95%" }}
+ style={{ height: "auto", width: "90%" }}
  />
  <Stack alignItems="center">
  {/* <Image

diff --git a/src/pages/profile/index.tsx b/src/pages/profile/index.tsx
@@ -103,7 +103,15 @@ export default function Profile() {
 
  return (
  <Layout>
- <Box bg="primary.500" w="100%" h="250px">
+ <Box
+ bgGradient={
+ colorMode == "dark"
+ ? "linear(to-l, primary.600, primary.700)"
+ : "linear(to-l, primary.400, primary.500)"
+ }
+ w="100%"
+ h="250px"
+ >
  <Container
  display="flex"
  justifyContent="center"

diff --git a/src/pages/settings/index.tsx b/src/pages/settings/index.tsx
@@ -32,7 +32,15 @@ export default function Settings() {
  return (
  <>
  <Layout>
- <Box bg="primary.500" w="100%" h="250px">
+ <Box
+ bgGradient={
+ colorMode == "dark"
+ ? "linear(to-l, primary.600, primary.700)"
+ : "linear(to-l, primary.400, primary.500)"
+ }
+ w="100%"
+ h="250px"
+ >
  <Container
  display="flex"
  justifyContent="center"
@@ -47,28 +55,26 @@ export default function Settings() {
  justifyContent="center"
  style={{ position: "absolute", marginTop: "100px" }}
  >
- <VStack w="100%">
- <Text fontSize="2xl" as="b" mb={2} color="gray.50">
- Configurações
- </Text>
+  <VStack w="100%">
+  <Text fontSize="2xl" as="b" mb={2} color="gray.50">
+  Configurações
+  </Text>
 
- <Card w="100%">
- <CardBody>
- <Stack>
- <Text fontSize="xl" as="b">
- Gerais
- </Text>
- <Divider />
+  <Card w="100%">
+  <CardBody>
+  <Stack>
+  <Text fontSize="xl" as="b">
+  Gerais
+  </Text>
+  <Divider />
 
- <FormControl>
- <HStack
- flex={1}
- justifyContent="space-between"
- w="100%"
+  <FormControl>
+  <HStack
+  flex={1}
+  justifyContent="space-between"
+  w="100%"
  >
- <FormLabel htmlFor="isChecked">
- Tema Dark:
- </FormLabel>
+ <FormLabel htmlFor="isChecked">Tema Dark:</FormLabel>
  <Switch
  id="isChecked"
  color="primary"