diff --git a/src/app/components/ShareButton.js b/src/app/components/ShareButton.js index f90436b35e60b5329d69034d9bd5b1058a5b2ff4..4b146c7882168ee090ee85db8dc1d5b896b29030 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 bdc8d59d18383cf083f2b901bea3f3e40a8143da..dcaae4f8415a22837d9ee0a4ad7fd71f6a992ad5 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 eb90d0c41f67f310ba6e86dcdd6a9ea59693b7b9..2d21edbb77d07761bce98b6ddcca3e83bd30bb5f 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}`)} >