From 6e2eab589b121898f077a076874019c0195145c3 Mon Sep 17 00:00:00 2001
From: a-eloCard <esrsc23@inf.ufpr.br>
Date: Fri, 11 Apr 2025 11:18:30 -0300
Subject: [PATCH] Issue #290: FIX Style of the share profile button
---
src/app/components/ShareButton.js | 4 ++--
src/app/components/ShareModal.js | 2 +-
src/app/perfil/[id]/components/GroupButton.js | 4 ++--
3 files changed, 5 insertions(+), 5 deletions(-)
diff --git a/src/app/components/ShareButton.js b/src/app/components/ShareButton.js
index f90436b3..4b146c78 100644
--- a/src/app/components/ShareButton.js
+++ b/src/app/components/ShareButton.js
@@ -18,12 +18,12 @@ export default function ShareButton({ type, id }) {
return (
<>
<button
- className="p-2 text-sm rounded-xl max-md:my-3 bg-ice-HC-dark hover:bg-lightGray-HC-white hover:text-darkGray-HC-dark outline outline-1 outline-ice-HC-white text-darkGray-HC-white-underline font-bold normal-case flex justify-center items-center gap-2"
+ className="p-2 text-sm rounded-[10px] w-48 h-11 max-md:my-3 hover:bg-darkGray-HC-white hover:text-darkGray-HC-dark outline outline-1 outline-lightGray-HC-white text-darkGray-HC-white-underline hover:text-white-HC-dark-underline font-bold normal-case flex justify-center items-center gap-2"
onClick={() => setShareOpen(true)}
aria-label="Compartilhar"
>
<ShareOutlinedIcon fontSize="small" />
- <span className="hidden md:inline">Compartilhar</span>
+ <span className="hidden md:inline">Compartilhar perfil</span>
</button>
<ShareModal
open={shareOpen}
diff --git a/src/app/components/ShareModal.js b/src/app/components/ShareModal.js
index bdc8d59d..dcaae4f8 100644
--- a/src/app/components/ShareModal.js
+++ b/src/app/components/ShareModal.js
@@ -51,7 +51,7 @@ export default function ShareModal({ open, onClose, title, link }) {
<Button
disableElevation
variant="outlined"
- className="border-darkGray-HC-white text-darkGray-HC-white-underline border text-lg normal-case flex gap-2 "
+ className="border border-lightGray-HC-white text-darkGray-HC-white-underline hover:bg-darkGray-HC-white hover:text-white-HC-dark-underline text-lg normal-case flex gap-2 "
sx={{ justifyContent: "start" }}
onClick={() => {
navigator.clipboard.writeText(link);
diff --git a/src/app/perfil/[id]/components/GroupButton.js b/src/app/perfil/[id]/components/GroupButton.js
index eb90d0c4..2d21edbb 100644
--- a/src/app/perfil/[id]/components/GroupButton.js
+++ b/src/app/perfil/[id]/components/GroupButton.js
@@ -111,10 +111,10 @@ export default function GroupButton({ profileData, idLogin }) {
return (
<>
<div className='pb-4 flex flex-row max-lg:flex-col justify-between max-lg:items-center max-lg:pt-8 max-lg:mr-0 mr-10'>
- <div className='flex flex-row gap-4 max-sm:flex-col max-sm:items-center' >
+ <div className='flex flex-row gap-4 max-sm:flex-col max-sm:items-center' >
{idLogin == profileData["id"] ?
<button
- className={`text-[16px] rounded-[10px] normal-case h-10 font-bold w-48 text-white-HC-dark-underline hover:text-white bg-turquoise-HC-white hover:bg-darkTurquoise-HC-dark outline outline-1 outline-ice-HC-white `}
+ className={`text-[16px] rounded-[10px] normal-case h-11 font-bold w-44 text-white-HC-dark-underline hover:text-white bg-turquoise-HC-white hover:bg-darkTurquoise-HC-dark outline outline-1 outline-ice-HC-white `}
alt="Editar meu perfil"
onClick={() => router.push(`/editar/${idLogin}`)}
>
--
GitLab