diff --git a/src/app/login/components/Highlights.js b/src/app/login/components/Highlights.js index 642289c00deb1acb99a4ea944d98c9f939d5a6ee..bf88e2427e440d137a5e111448792f12d3aaae4c 100644 --- a/src/app/login/components/Highlights.js +++ b/src/app/login/components/Highlights.js @@ -14,7 +14,7 @@ export default function Hightlights() { return ( <div className="flex flex-col text-center"> - <h1 className="text-3xl font-bold text-secondary mb-3"> + <h1 className="text-3xl font-bold text-[#00bacc] mb-3"> Plataforma MEC de Recursos Educacionais Digitais </h1> <h1 className="text-lg text-gray-400 mb-5"> diff --git a/src/app/login/components/LoginForm.js b/src/app/login/components/LoginForm.js index 45083e8881967eb7baa921dbbdcdbf4283a443e2..020e63c4b2e150bfe410fd380f4aebc1b0bcc44d 100644 --- a/src/app/login/components/LoginForm.js +++ b/src/app/login/components/LoginForm.js @@ -3,8 +3,6 @@ import Image from "next/image"; import { Button, Paper, Divider, SvgIcon, TextField, Alert } from "@mui/material"; import theme from "@/app/theme"; import { ThemeProvider } from "@emotion/react"; -import SignupModal from "./SignupModal"; -import { useState } from "react"; export default function LoginForm({ handleEmailChange, @@ -12,12 +10,6 @@ export default function LoginForm({ handleSubmit, errorMessage }) { - - const [openModal, setOpenModal] = useState(false); - - const handleOpenModal = () => setOpenModal(true); - const handleCloseModal = () => setOpenModal(false); - return ( <ThemeProvider theme={theme}> <form @@ -54,7 +46,7 @@ export default function LoginForm({ <Button fullWidth disableElevation - className="bg-secondary text-white hover:bg-secondary-hover" + className="bg-secondary text-white hover:bg-secondary" type="submit" > Entrar @@ -72,13 +64,12 @@ export default function LoginForm({ <span>Entrar com o Google</span> </Button> <p className="mt-5 text-xs text-gray-500"> - Esqueceu a senha? <a className="text-secondary cursor-pointer hover:font-bold">Clique aqui.</a> + Esqueceu a senha? <a className="text-secondary">Clique aqui.</a> </p> </Paper> <p className="mt-5 text-xs text-gray-400"> - Não tem uma conta? <a onClick={handleOpenModal} className="text-secondary hover:font-bold cursor-pointer">Cadastre-se.</a> + Não tem uma conta? <a className="text-secondary">Cadastre-se.</a> </p> - <SignupModal open={openModal} handleClose={handleCloseModal}/> </form> </ThemeProvider> ); diff --git a/src/app/login/components/SignupModal.js b/src/app/login/components/SignupModal.js deleted file mode 100644 index 7b552bef213fcb2f8fee3da7e54e1295b4d98ad9..0000000000000000000000000000000000000000 --- a/src/app/login/components/SignupModal.js +++ /dev/null @@ -1,40 +0,0 @@ -import * as React from "react"; -import Box from "@mui/material/Box"; -import Button from "@mui/material/Button"; -import Modal from "@mui/material/Modal"; -import { TextField, Divider } from "@mui/material"; - -export default function SignupModal({ open, handleClose }) { - return ( - <Modal - className="grid h-screen place-items-center" - open={open} - onClose={handleClose} - > - <Box className="bg-white sm:w-1/2 md:w-1/3 p-5 flex flex-col items-center border-none rounded-xl"> - <h1 className="text-secondary text-2xl font-bold">Cadastre-se</h1> - <TextField fullWidth label="Nome Completo" className="m-5" /> - <TextField fullWidth label="E-mail" className="mb-5" /> - <TextField fullWidth type="password" label="Senha" className="mb-5" /> - <Button - fullWidth - disableElevation - className="bg-secondary text-white hover:bg-secondary-hover" - type="submit" - >Enviar</Button> - <Divider flexItem className="mt-2"> - <p className="text-gray-400 text-md">OU</p> - </Divider> - <Button - fullWidth - disableElevation - variant="outlined" - className="mt-2 border-main text-gray-500 normal-case flex gap-2" - > - <img className="w-6 h-6" src="/google.svg" alt="google logo" /> - <span>Cadastrar-se com o Google</span> - </Button> - </Box> - </Modal> - ); -} diff --git a/tailwind.config.js b/tailwind.config.js index feac5a6c5c11851768a52915ecca65d0079b83b2..b3de7cc008d5f0fffe5f0d69814e14f45c7ced71 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -10,7 +10,6 @@ module.exports = { colors: { "main": "#eaeded", "secondary": "#00bacc", - "secondary-hover": "#33c7d6", "white": "#fff", "orange": "#ED6F24"