From 14bfaed2a637427c82c30b532f4e48e02cebe981 Mon Sep 17 00:00:00 2001
From: Yasmim Rosa <mimsayrosa@gmail.com>
Date: Thu, 23 Nov 2023 00:55:48 -0300
Subject: [PATCH] ajuste de responsividde

---
 backend/config/config.json                    |  2 +-
 frontend/src/pages/ExclusionEletivas/index.js | 24 ++++++++++++-------
 frontend/src/pages/Home/index.js              |  2 +-
 3 files changed, 18 insertions(+), 10 deletions(-)

diff --git a/backend/config/config.json b/backend/config/config.json
index 417b8a93..066bf95b 100644
--- a/backend/config/config.json
+++ b/backend/config/config.json
@@ -2,7 +2,7 @@
   "development": {
   "username": "root",
   "password": "password",
-  "database": "matriculai_development",
+  "database": "matriculai",
   "host": "localhost",
   "dialect": "mysql"
 },
diff --git a/frontend/src/pages/ExclusionEletivas/index.js b/frontend/src/pages/ExclusionEletivas/index.js
index 4d75504b..6e2fd447 100644
--- a/frontend/src/pages/ExclusionEletivas/index.js
+++ b/frontend/src/pages/ExclusionEletivas/index.js
@@ -1,9 +1,12 @@
 import React, { useState, useEffect } from 'react';
 import axios from 'axios';
-import Header from '../Home/index';
+import Header from "../../components/Header/index.js";
+import Footer from "../../components/Footer/index.js";
 import { ChakraProvider } from '@chakra-ui/react'
 
 import { 
+  Center, 
+  Link,
   Box,
   Flex,
   Heading,
@@ -16,7 +19,8 @@ import {
   Td,
   Checkbox,
   TableContainer,
-  Button
+  Button,
+  Container
 } from "@chakra-ui/react"
 ;
 
@@ -73,9 +77,10 @@ const ExclusionEletivas = () => {
 
   return (
     <ChakraProvider>
-      <Header></Header>
-      <Flex align="center" justifyContent="center">
-        <Box width="100vh" marginTop="3vh" marginBottom="-9vh" paddingLeft="2vh" paddingRight="2vh" paddingTop="2vh" borderWidth={1} borderRadius={8} boxShadow="lg">
+        <Flex direction="column" minH="100vh">
+      <Header />
+      <Container flex="1">
+      <Box width="100%" marginTop="10vh" marginBottom="10vh" paddingLeft="2vh" paddingRight="2vh" paddingTop="2vh" borderWidth={1} borderRadius={8} boxShadow="lg">
         <Box textAlign="center">
           <Heading color= '#243A69'>Exclusão de Eletivas</Heading>
         </Box>
@@ -102,10 +107,13 @@ const ExclusionEletivas = () => {
           <Box display="flex" justifyContent="center">
           <Button color="#243A69" variant='solid' margin="2vh" onClick={handleExcluirClick}>Excluir eletivas selecionadas</Button>
           </Box>
-        </Box>
-      </Flex>
+      </Box>
+        
+      </Container>
+      <Footer />
+    </Flex>
     </ChakraProvider>
-
+    
   );
 };
 
diff --git a/frontend/src/pages/Home/index.js b/frontend/src/pages/Home/index.js
index 664270cb..561cc1e5 100644
--- a/frontend/src/pages/Home/index.js
+++ b/frontend/src/pages/Home/index.js
@@ -8,7 +8,7 @@ const Home = () => {
   return (
     <Flex direction="column" minH="100vh">
       <Header />
-      <Container ali>
+      <Container flex="1">
         
         <Center>
           <Link to='/criar-trilhas'>Cria trilha</Link>