From e6c3f7000dd06b84571a4ed7ceb76794c6aeec62 Mon Sep 17 00:00:00 2001
From: rfhferreira <rfhferreira@inf.ufpr.br>
Date: Sat, 19 Apr 2025 00:40:45 -0300
Subject: [PATCH] Issue #283: FIX fonts in login page
---
src/app/components/AcessibilityBar.js | 34 +++++++++++-----------
src/app/entrar/components/LoginForm.js | 4 +--
src/app/entrar/components/PasswordModal.js | 4 +--
src/app/entrar/components/SignupModal.js | 10 +++----
src/app/novaSenha/page.js | 34 +++++++++++-----------
5 files changed, 43 insertions(+), 43 deletions(-)
diff --git a/src/app/components/AcessibilityBar.js b/src/app/components/AcessibilityBar.js
index 6c6ffd33..f9d65c04 100644
--- a/src/app/components/AcessibilityBar.js
+++ b/src/app/components/AcessibilityBar.js
@@ -147,7 +147,7 @@ export default function AcessibilityBar() {
<ContrastTwoToneIcon className="text-3xl pb-1" />
</button>
- <h1 className="mt-1 text-start" id="MECRED">
+ <h1 className="mt-1 font-light text-start" id="MECRED">
MEC RED - A Rede Social da Educação
</h1>
</div>
@@ -162,19 +162,19 @@ export default function AcessibilityBar() {
<div className="flex justify-between w-full max-sm:hidden">
- <h1 className="mt-1 text-start" id="MECRED">
+ <h1 className="mt-1 font-light text-start" id="MECRED">
MEC RED - A Rede Social da Educação
</h1>
- <button id="acessibilidade1" onClick={() => handleAccessibility(1)}>
+ <button className='font-light' id="acessibilidade1" onClick={() => handleAccessibility(1)}>
1- Ir para o conteúdo.
</button>
- <button onClick={() => handleAccessibility(2)}>
+ <button className='font-light' onClick={() => handleAccessibility(2)}>
2- Ir para o menu.
</button>
- <button onClick={() => handleAccessibility(3)}>
+ <button className='font-light' onClick={() => handleAccessibility(3)}>
3- Ir para a busca.
</button>
@@ -184,7 +184,7 @@ export default function AcessibilityBar() {
</button>
}
- <div className="flex py-1">
+ <div className="font-light flex py-1">
<button>Tamanho do texto: </button>
<button onClick={() => changeFont("decrease")}>A-</button>
@@ -193,12 +193,12 @@ export default function AcessibilityBar() {
<button onClick={() => changeFont("increase")}>A+</button>
</div>
- <button onClick={() => toggleContrast()}>
+ <button className='font-light' onClick={() => toggleContrast()}>
Alto Contraste <ContrastTwoToneIcon
- className="text-m pb-1" />
+ className="text-m font-light pb-1" />
</button>
- <button onClick={() => router.push("/acessibilidade")}>
+ <button className='font-light' onClick={() => router.push("/acessibilidade")}>
Acessibilidade
</button>
@@ -215,11 +215,11 @@ export default function AcessibilityBar() {
<div className="fixed top-0 flex justify-between w-screen bg-white-HC-dark z-20 text-[14px] py-1 px-3 text-darkGray-HC-white whitespace-nowrap border-b border-ice-HC-white">
<div className="flex justify-between w-full leading-tight">
- <h1 className="mt-1 text-start" id="MECRED">
+ <h1 className="mt-1 font-light text-start" id="MECRED">
MEC RED - A Rede Social da Educação
</h1>
- <button id="acessibilidade1" onClick={() => handleAccessibility(1)}>
+ <button className='font-light' id="acessibilidade1" onClick={() => handleAccessibility(1)}>
1- Ir para o conteúdo.
</button>
@@ -228,22 +228,22 @@ export default function AcessibilityBar() {
2- Ir para login.
</button>
}
- <div className="flex items-center space-x-10">
+ <div className="flex font-light items-center space-x-10">
<div className="flex">
<button>Tamanho do texto: </button>
- <button onClick={() => changeFont("decrease")}>A-</button>
+ <button className='font-light' onClick={() => changeFont("decrease")}>A-</button>
- <button onClick={() => changeFont("default")}>A</button>
+ <button className='font-light' onClick={() => changeFont("default")}>A</button>
- <button onClick={() => changeFont("increase")}>A+</button>
+ <button className='font-light' onClick={() => changeFont("increase")}>A+</button>
</div>
- <button onClick={() => toggleContrast()}>
+ <button className='font-light' onClick={() => toggleContrast()}>
Alto Contraste <ContrastTwoToneIcon
className="text-m pb-1" />
</button>
- <button onClick={() => router.push("/acessibilidade")}>
+ <button className='font-light' onClick={() => router.push("/acessibilidade")}>
Acessibilidade
</button>
diff --git a/src/app/entrar/components/LoginForm.js b/src/app/entrar/components/LoginForm.js
index b44cbd3e..8d0a53da 100644
--- a/src/app/entrar/components/LoginForm.js
+++ b/src/app/entrar/components/LoginForm.js
@@ -67,7 +67,7 @@ export default function LoginForm({
{/* Campo de E-mail */}
<div className="w-full mb-6">
- <label htmlFor="email" className="block text-sm font-medium text-darkGray-HC-white mb-1">
+ <label htmlFor="email" className="block text-sm font-light text-darkGray-HC-white mb-1">
Insira seu e-mail
</label>
<input
@@ -81,7 +81,7 @@ export default function LoginForm({
{/* Campo de Senha */}
<div className="w-full mb-6">
- <label htmlFor="password" className="block text-sm font-medium text-darkGray-HC-white mb-1">
+ <label htmlFor="password" className="block text-sm font-light text-darkGray-HC-white mb-1">
Insira sua senha
</label>
<div className="relative">
diff --git a/src/app/entrar/components/PasswordModal.js b/src/app/entrar/components/PasswordModal.js
index 34cbc949..d8bfe123 100644
--- a/src/app/entrar/components/PasswordModal.js
+++ b/src/app/entrar/components/PasswordModal.js
@@ -73,7 +73,7 @@ export default function PasswordModal({ open, handleClose }) {
<Box className="bg-white-HC-dark outline outline-1 outline-ice-HC-white p-5 flex flex-col items-center border-none rounded-xl">
<div className="flex flex-row justify-between mb-2">
<h1 className="text-turquoise-HC-white text-2xl font-bold m-2 mb-5 mr-4">Vamos encontrar sua conta</h1>
- <CloseIcon onClick={handleClose} sx={{ color: "var(--darkGray-HC-white)", fontSize: "30px", marginTop:"5px" }} />
+ <CloseIcon onClick={handleClose} sx={{ color: "var(--darkGray-HC-white)", fontSize: "30px", marginTop: "5px" }} />
</div>
<div>
{feedbackMessage ? (
@@ -82,7 +82,7 @@ export default function PasswordModal({ open, handleClose }) {
</Alert>
) : null}
<div className="w-full mb-3">
- <label htmlFor="email" className="block text-sm font-medium text-darkGray-HC-white mb-1">
+ <label htmlFor="email" className="block text-sm font-light text-darkGray-HC-white mb-1">
E-mail *
</label>
<input
diff --git a/src/app/entrar/components/SignupModal.js b/src/app/entrar/components/SignupModal.js
index c9a7e052..b6322d63 100644
--- a/src/app/entrar/components/SignupModal.js
+++ b/src/app/entrar/components/SignupModal.js
@@ -85,7 +85,7 @@ export default function SignupModal({ open, handleClose }) {
<Box className="bg-white-HC-dark outline outline-1 outline-ice-HC-white sm:w-1/2 xl:w-1/4 p-5 flex flex-col items-center border-none rounded-xl">
<div className="flex w-full">
<h1 className="text-turquoise-HC-white text-center w-full flex-1 text-2xl font-bold m-5">Cadastre-se</h1>
- <CloseIcon onClick={handleClose} sx={{ color: "var(--darkGray-HC-white)", fontSize: "30px", marginTop: "5px" }} className="" />
+ <CloseIcon onClick={handleClose} sx={{ color: "var(--darkGray-HC-white)", fontSize: "30px", marginTop: "5px" }} className="" />
</div>
<form onSubmit={handleSubmit} className="flex flex-col w-full">
@@ -95,7 +95,7 @@ export default function SignupModal({ open, handleClose }) {
</Alert>
) : null}
<div className="w-full mb-3">
- <label htmlFor="nome" className="block text-sm font-medium text-darkGray-HC-white mb-1">
+ <label htmlFor="nome" className="block text-sm font-light text-darkGray-HC-white mb-1">
Nome Completo *
</label>
<input
@@ -108,7 +108,7 @@ export default function SignupModal({ open, handleClose }) {
/>
</div>
<div className="w-full mb-3">
- <label htmlFor="email" className="block text-sm font-medium text-darkGray-HC-white mb-1">
+ <label htmlFor="email" className="block text-sm font-light text-darkGray-HC-white mb-1">
E-mail *
</label>
<input
@@ -121,7 +121,7 @@ export default function SignupModal({ open, handleClose }) {
/>
</div>
<div className="w-full mb-3">
- <label htmlFor="password" className="block text-sm font-medium text-darkGray-HC-white mb-1">
+ <label htmlFor="password" className="block text-sm font-light text-darkGray-HC-white mb-1">
Senha *
</label>
<div className="relative">
@@ -154,7 +154,7 @@ export default function SignupModal({ open, handleClose }) {
<p className="text-darkGray-HC-white text-sm">A senha deve ter no mínimo 8 caracteres.</p>
</div>
<div className="w-full mb-4">
- <label htmlFor="passwordConfirmation" className="block text-sm font-medium text-darkGray-HC-white mb-1">
+ <label htmlFor="passwordConfirmation" className="block text-sm font-light text-darkGray-HC-white mb-1">
Confirmar senha *
</label>
<div className="relative">
diff --git a/src/app/novaSenha/page.js b/src/app/novaSenha/page.js
index e4ffa7aa..85a8019a 100644
--- a/src/app/novaSenha/page.js
+++ b/src/app/novaSenha/page.js
@@ -127,33 +127,33 @@ export default function ResetPassword() {
</div>
{/* Campo de Nova Senha */}
<div className="w-full mb-6">
- <label htmlFor="senha" className="block text-sm font-medium text-gray-700 mb-1">
- Nova Senha *
- </label>
+ <label htmlFor="senha" className="block text-sm font-light text-gray-700 mb-1">
+ Nova Senha *
+ </label>
<div className="relative">
<input
- id="senha"
- type={showPassword ? 'text' : 'password'}
- className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-secondary"
- onChange={(e) => setPassword(e.target.value)}
- value={password}
- alt="Nova Senha"
+ id="senha"
+ type={showPassword ? 'text' : 'password'}
+ className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-secondary"
+ onChange={(e) => setPassword(e.target.value)}
+ value={password}
+ alt="Nova Senha"
/>
<button
- type="button"
- onClick={handleClickShowPassword}
- className="absolute inset-y-0 right-0 pr-3 flex items-center text-sm leading-5"
+ type="button"
+ onClick={handleClickShowPassword}
+ className="absolute inset-y-0 right-0 pr-3 flex items-center text-sm leading-5"
>
- {showPassword ? <img src="ocultar-senha.svg" alt="Ocultar senha" /> : <img src="ver-senha.svg" alt="Ver senha" />}
+ {showPassword ? <img src="ocultar-senha.svg" alt="Ocultar senha" /> : <img src="ver-senha.svg" alt="Ver senha" />}
</button>
</div>
</div>
{/* Campo de Confirmação de Nova Senha */}
<div className="w-full mb-6">
- <label htmlFor="confirma-senha" className="block text-sm font-medium text-gray-700 mb-1">
- Confirme Nova Senha *
- </label>
+ <label htmlFor="confirma-senha" className="block text-sm font-light text-gray-700 mb-1">
+ Confirme Nova Senha *
+ </label>
<div className="relative">
<input
id="confirma-senha"
@@ -167,7 +167,7 @@ export default function ResetPassword() {
type="button"
onClick={handleClickShowPasswordConfirmation}
className="absolute inset-y-0 right-0 pr-3 flex items-center text-sm leading-5"
- >
+ >
{showPasswordConfirmation ? (
<img src="ocultar-senha.svg" alt="Ocultar senha" />
) : (
--
GitLab