From 765237be3f6c475f2b0451acd82ffafb25931e3a Mon Sep 17 00:00:00 2001
From: Algusto-RC <algustorc@gmail.com>
Date: Wed, 13 Dec 2023 21:50:55 -0300
Subject: [PATCH] Melhorias na Home

---
 frontend/src/pages/Home/index.js | 87 ++++++++++++++++----------------
 1 file changed, 43 insertions(+), 44 deletions(-)

diff --git a/frontend/src/pages/Home/index.js b/frontend/src/pages/Home/index.js
index 1c0b179b..c095728b 100644
--- a/frontend/src/pages/Home/index.js
+++ b/frontend/src/pages/Home/index.js
@@ -1,5 +1,5 @@
 import React from "react";
-import { Container, Flex, Text, HStack, Wrap, WrapItem, Button, Center } from "@chakra-ui/react";
+import { Container, Flex, Text, HStack, Button, Center } from "@chakra-ui/react";
 import Header from "../../components/Header/index.js";
 import Footer from "../../components/Footer/index.js";
 import { ChakraProvider } from "@chakra-ui/react";
@@ -10,68 +10,67 @@ const Home = () => {
   return (
     <ChakraProvider>
       <Flex direction="column" minH="100vh">
-      <Header />
-      <Container flex="1" marginTop='5vh'>
-        <Center>
-          <C.titulo>
+        <Header />
+        <Container flex="1" marginTop='5vh'>
+          <Center>
+            <C.titulo>
               <Text
-              textAlign={"center"}
-              fontSize={"3xl"}
-              color={"#243A69"}
-              as={"b"}
+                textAlign={"center"}
+                fontSize={"3xl"}
+                color={"#243A69"}
+                as={"b"}
               >
-              Bem vindo, administrador!
+                Bem vindo, administrador!
               </Text>
-          </C.titulo>
-        </Center>
-        <Center>
-            <HStack marginTop='2vh'>
-                <Button colorScheme='facebook'>
+            </C.titulo>
+          </Center>
+          <Center>
+            <HStack spacing='4' marginTop='2vh'>
+              <Button colorScheme='facebook' size='lg' width='35vh'>
                 <Link to='/criar-trilha'>Criar trilha</Link>
-                </Button>
-                <Button colorScheme='facebook'>
+              </Button>
+              <Button colorScheme='facebook' size='lg' width='35vh' >
                 <Link to='/criar-eletiva'>Criar Eletiva</Link>
-                </Button>
+              </Button>
             </HStack>
-        </Center>
+          </Center>
 
-        <Center>
-            <HStack marginTop='2vh'>
-                <Button colorScheme='facebook'>
+          <Center>
+            <HStack spacing='4' marginTop='2vh'>
+              <Button colorScheme='facebook' size='lg' width='35vh'>
                 <Link to='/excluir-trilhas'>Excluir trilha</Link>
-                </Button>
-                <Button colorScheme='facebook'>
+              </Button>
+              <Button colorScheme='facebook' size='lg'width='35vh'>
                 <Link to='/excluir-eletivas'>Excluir eletiva</Link>
-                </Button>
+              </Button>
             </HStack>
-        </Center>
+          </Center>
 
-        <Center>
-            <HStack marginTop='2vh'>
-                <Button colorScheme='facebook'>
+          <Center>
+            <HStack spacing='4' marginTop='2vh'>
+              <Button colorScheme='facebook' size='lg' width='35vh'>
                 <Link to='/trilhas'>Trilhas</Link>
-                </Button>
-                <Button colorScheme='facebook'>
+              </Button>
+              <Button colorScheme='facebook' size='lg' width='35vh'>
                 <Link to='/eletivas'>Eletivas</Link>
-                </Button>
+              </Button>
             </HStack>
-        </Center>
+          </Center>
 
-        <Center>
-            <HStack marginTop='2vh'>
-                <Button colorScheme='facebook'>
+          <Center>
+            <HStack spacing='4' marginTop='2vh'>
+              <Button colorScheme='facebook' size='lg' width='35vh'>
                 <Link to='/cadastrar-estudantes'>Importar estudantes</Link>
-                </Button>
-                <Button colorScheme='facebook'>
+              </Button>
+              <Button colorScheme='facebook' size='lg' width='35vh'>
                 <Link to='/periodo-matriculas'>Periodo de matriculas</Link>
-                </Button>
+              </Button>
             </HStack>
-        </Center>
-      </Container>
-      <Footer />
-    </Flex>
+          </Center>
+        </Container>
+        <Footer />
+      </Flex>
     </ChakraProvider>
-    
   );
 };