ajuste de responsividde

mdsreq-fga-unb · Nov 23, 2023 · 14bfaed · 14bfaed
1 parent 5a9db14
commit 14bfaed
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 10 deletions.
diff --git 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
@@ -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
@@ -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>