diff --git a/src/app/components/Header.js b/src/app/components/Header.js index 4065e7311afa5558f4bf836d47b69907d7724540..0307a277e4613f3bb2b7763d159961b014088373 100644 --- a/src/app/components/Header.js +++ b/src/app/components/Header.js @@ -164,10 +164,10 @@ export default function Header({ setQuery, handleOpenMenu }) { return ( <div className="fixed top-10 z-10"> <div className="w-screen h-16 flex gap-3 sm:gap-12 justify-between px-2 shadow-none" - style={{ + style={{ backgroundImage: - `linear-gradient(rgba(255, 255, 255, 0.3), - rgba(255, 255, 255, 1)),url("/images/fundo.webp")`, + `linear-gradient(rgba(245, 249, 249, 0.7), + rgba(245, 249, 249, 1)),url("/images/fundo.webp")`, backgroundRepeat: "repeat", backgroundAttachment: "fixed", }}> diff --git a/src/app/components/Overlay.js b/src/app/components/Overlay.js index 8363a8a532fa1c2abe5eb6fc50106153569c97b5..b161f1568d838aa66d97d7fc105a3dda7fb73c62 100644 --- a/src/app/components/Overlay.js +++ b/src/app/components/Overlay.js @@ -43,8 +43,8 @@ export default function Overlay({ <main className="flex min-h-screen bg-main flex-col bg-transparent" style={{ backgroundImage: - `linear-gradient(rgba(255, 255, 255, 0.3), - rgba(255, 255, 255, 1)),url("/images/fundo.webp")`, + `linear-gradient(rgba(245, 249, 249, 0.7), + rgba(245, 249, 249, 1)),url("/images/fundo.webp")`, backgroundRepeat: "repeat", backgroundAttachment: "fixed", }} diff --git a/src/app/components/SideBar.js b/src/app/components/SideBar.js index a49c3311ecc307ae99675349b1aeb81fa8d276f7..d930c158aa7e1b472e77ea612ffec3f0b07c1770 100644 --- a/src/app/components/SideBar.js +++ b/src/app/components/SideBar.js @@ -91,10 +91,10 @@ export default function SideBar({ setFilterSubject, openMenu }) { }`} style={{ backgroundImage: - `linear-gradient(rgba(255, 255, 255, 0.3), - rgba(255, 255, 255, 1)),url("/images/fundo.webp")`, + `linear-gradient(rgba(245, 249, 249, 0.7), + rgba(245, 249, 249, 1)),url("/images/fundo.webp")`, backgroundRepeat: "repeat", - backgroundAttachment: "fixed" + backgroundAttachment: "fixed", }} > <div className="pt-4"> diff --git a/src/app/perfil/[id]/components/GroupButton.js b/src/app/perfil/[id]/components/GroupButton.js index 1833b715873d70f0836713000a9c8cdd1c6ccacb..d03ec42bdce397891bf7ff80c4c16b779531ed8d 100644 --- a/src/app/perfil/[id]/components/GroupButton.js +++ b/src/app/perfil/[id]/components/GroupButton.js @@ -112,7 +112,7 @@ export default function GroupButton({ profileData, idLogin }) { <ShareModal open={shareOpen} onClose={() => setShareOpen(false)} /> <div className='max-[1024px]:grid max-[1024px]:justify-items-center'> <button - className="border text-sm text-main-text border-main rounded-lg normal-case h-9 font-bold w-[90%] mt-2 hover:bg-gray-100 " + className="border text-sm outline outline-1 outline-outlineColor text-text-color text-main-text border-main rounded-lg normal-case h-9 font-bold w-[90%] mt-2 hover:bg-gray-100 " onClick={() => setShareOpen(true)} alt="Compartilhar perfil" > diff --git a/src/app/perfil/[id]/components/UserCard.js b/src/app/perfil/[id]/components/UserCard.js index 2a0d252087d953ed3689cc6ac94ccd7838336584..b6b6219dddfd9ffa5fd322d273fc5f393775a67a 100644 --- a/src/app/perfil/[id]/components/UserCard.js +++ b/src/app/perfil/[id]/components/UserCard.js @@ -165,19 +165,13 @@ export default function UserCard({ profileData, idLogin}) { </Grid> <Grid item lg={8} md={12} xs={12}> <div className=' py-5 '> - <h2 className='max-[1024px]:flex max-[1024px]:justify-center max-sm:text-4xl text-main-text font-bold text-5xl pb-1'>{profileData["name"]}</h2> - <p className='max-[1024px]:flex max-[1024px]:justify-center text-[#00bacc] max-sm:text-lg text-xl pb-1'>{profileData["email"]}</p> - <div className='max-[1024px]:px-8 pb-1'> + <h2 className='mb-3 max-[1024px]:flex max-[1024px]:justify-center max-sm:text-4xl text-main-text font-bold text-5xl pb-1'>{profileData["name"]}</h2> + <p className='mb-3 max-[1024px]:flex max-[1024px]:justify-center text-[#00bacc] max-sm:text-lg text-xl pb-1'>{profileData["email"]}</p> + <div className='mb-3 max-[1024px]:px-8 pb-1'> {translateItems && <div className='max-[1024px]:flex max-[1024px]:justify-center mt-1 text-gray-600 text-lg max-sm:text-base'>{translateItems}</div> } </div> - {isLoggedIn() && <div className='max-[1024px]:flex max-[1024px]:justify-center pb-1'> - <p className='inline text-[#00bacc] text-3xl max-sm:text-2xl font-bold'>{following}</p> - <p className='inline pl-1 text-xl max-sm:text-lg text-main-text'>Seguindo</p> - <p className='inline pl-2 text-3xl max-sm:text-2xl text-[#00bacc] font-bold'>{followers}</p> - <p className='inline pl-1 text-xl max-sm::text-lg text-main-text'>Seguidores</p> - </div>} {/*Botões de editar perfil e compartilhar */} <GroupButton profileData={profileData} idLogin={idLogin} /> </div> diff --git a/src/app/publicar/components/InfoForm.js b/src/app/publicar/components/InfoForm.js index 093d7af9c8469d984873c2b6f1d32e00041a1aec..469b74e0416eebd4339ed554ac19099804f4d66c 100644 --- a/src/app/publicar/components/InfoForm.js +++ b/src/app/publicar/components/InfoForm.js @@ -182,7 +182,7 @@ export default function InfoForm({ userData, setStep, draft, setDraft, authorTyp className="mb-5" /> <FieldLabel - name="Palavras-chave para buscar o Recurso*" + name="Palavras-chave Relacionadas ao Conteúdo do seu Recurso*" description="(Use enter para confirmar a palavra-chave)" error={(!tags.length && filled)} /> diff --git a/src/app/publicar/components/SubjectSelection.js b/src/app/publicar/components/SubjectSelection.js index 4b8c48439b1e12d175e98c52e79ed2018d57569b..c097841da356cd8d2ea0901d43d724c50bf218af 100644 --- a/src/app/publicar/components/SubjectSelection.js +++ b/src/app/publicar/components/SubjectSelection.js @@ -10,7 +10,7 @@ export default function SubjectSelection({ selected, handleSelection, error }) { description="(Selecione uma ou mais opções)*" error={error} /> - <div className="flex flex-wrap w-full justify-center mt-5"> + <div className="flex flex-wrap w-full justify-left mt-5"> {mainSubjects.map((subject, index) => ( <SelectOption key={index} @@ -21,7 +21,7 @@ export default function SubjectSelection({ selected, handleSelection, error }) { ))} </div> <FieldLabel name="Caso necessário, selecione outras temáticas" /> - <div className="flex flex-wrap justify-center my-5"> + <div className="flex flex-wrap justify-left my-5"> {otherSubjects.map((subject, index) => ( <SelectOption key={index} diff --git a/src/app/recurso/[id]/components/actionButtons.js b/src/app/recurso/[id]/components/actionButtons.js index 62f61d0546e1518c6318c032ba3ed87018aa5c42..2328ea8b3428b09503e53f545c472b77ac47cb83 100644 --- a/src/app/recurso/[id]/components/actionButtons.js +++ b/src/app/recurso/[id]/components/actionButtons.js @@ -174,7 +174,7 @@ export default function ActionButtons({ learningObject, setNeedLoginOpen }) { let genButton = (info) => ( !info ? null : <Button key={buttonKey++} - className="group/button bg-white shadow-none flex justify-start rounded-xl p-1 m-1 normal-case text-sm font-bold" + className="group/button bg-white shadow-none flex justify-start rounded-xl p-1 m-1 normal-case text-sm font-bold hover:bg-slate-300" onClick={info.action} {...info.extraProps} > diff --git a/src/app/recurso/[id]/components/publisherInfo.js b/src/app/recurso/[id]/components/publisherInfo.js index fd1ca93f9a0bce3e9ab9513ffd6500431e417d93..8ac6f2a3a1a22aa9564f363e8fd8db8820175237 100644 --- a/src/app/recurso/[id]/components/publisherInfo.js +++ b/src/app/recurso/[id]/components/publisherInfo.js @@ -66,14 +66,14 @@ export default function PublisherInfo({ publisher, disabledButton=false }) { <Button disabled={disabledButton} href={`/perfil/${publisher.id}`} - className="bg-white h-12 text-main-text border border-solid border-main shadow-none rounded-xl p-3 m-1 px-8 normal-case text-sm font-bold hidden sm:block" + className="outline outline-1 outline-outlineColor hover:bg-slate-300 bg-white h-12 text-text-color border border-solid border-main shadow-none rounded-xl p-3 m-1 mr-3 px-8 normal-case font-bold hidden sm:block" > Ver Perfil </Button> <Button disabled={disabledButton} onClick={followHandler} - className="bg-secondary h-12 text-white hover:text-secondary shadow-none rounded-xl m-1 px-2 sm:px-8 normal-case text-sm font-bold" + className="bg-[#00BACC] h-12 text-white hover:bg-[#009CAC] shadow-none rounded-xl m-1 px-2 sm:px-8 normal-case font-bold" > {followed ? "Seguindo" : "Seguir"} </Button> diff --git a/src/app/recurso/[id]/components/relatedResources.js b/src/app/recurso/[id]/components/relatedResources.js index 04aabe8a5a1b133213821080055ddcc8b60c215d..e05aa2cfce1ecf3d863e4762ddce92e7054be18a 100644 --- a/src/app/recurso/[id]/components/relatedResources.js +++ b/src/app/recurso/[id]/components/relatedResources.js @@ -22,7 +22,7 @@ export default function RelatedResources({ learningObject }) { return ( <div className="flex flex-col"> - <div className="text-main-text font-bold text-xl">Relacionados</div> + <div className="text-main-text font-bold text-xl ml-2">Recursos Relacionados</div> <div> {related.map((item, index) => { return ( diff --git a/src/app/recurso/[id]/components/resourceInfo.js b/src/app/recurso/[id]/components/resourceInfo.js index 29ecdf917c5560672732d9568eb496f3066db61d..331adcc380b92267f1864a04ab6f517e8bac77ac 100644 --- a/src/app/recurso/[id]/components/resourceInfo.js +++ b/src/app/recurso/[id]/components/resourceInfo.js @@ -49,17 +49,17 @@ export default function ResourceInfo({ learningObject }) { variant="fullWidth" onChange={handleChange} > - <Tab value="description" label="Descrição" /> - <Tab value="specifications" label="Especificações" /> - <Tab value="metrics" label="Métricas" /> + <Tab className="hover:bg-slate-300 rounded-lg" value="description" label="Descrição" /> + <Tab className="hover:bg-slate-300 rounded-lg" value="specifications" label="Especificações" /> + <Tab className="hover:bg-slate-300 rounded-lg" value="metrics" label="Métricas" /> </Tabs> {viewMore ? ( - <div className="p-3 flex-shrink-0" ref={viewMoreComponentRef}> + <div className="text-sm flex-shrink-0" ref={viewMoreComponentRef}> {content[value]} </div> ) : ( <div - className="p-3 flex-shrink-0 max-h-32 overflow-hidden" + className="text-sm p-3 flex-shrink-0 max-h-32 overflow-hidden" ref={viewMoreComponentRef} style={ showViewMore && !viewMore @@ -72,7 +72,7 @@ export default function ResourceInfo({ learningObject }) { )} <div onClick={handleViewMore} className="hover:bg-main border-t"> {showViewMore ? ( - <div className="p-1 flex justify-center text-main-text font-bold"> + <div className="text-sm p-1 flex justify-center text-main-text font-bold"> {viewMore ? ( <> <ExpandLessIcon /> diff --git a/src/app/recurso/[id]/components/specifications.js b/src/app/recurso/[id]/components/specifications.js index 98052d12bd9aff3969257ea84711bfce916dca0b..89edb8e7ac85cecc2e3fbbdcfeb07e434b20efa1 100644 --- a/src/app/recurso/[id]/components/specifications.js +++ b/src/app/recurso/[id]/components/specifications.js @@ -38,7 +38,7 @@ export default function Specifications({ learningObject }) { return ( <div className="flex flex-col p-1 text-main-text"> <div className="font-bold text-lg">Especificações deste Recurso</div> - <div className="grid grid-cols-1 text-lg sm:grid-cols-2"> + <div className="text-sm grid grid-cols-1 text-lg sm:grid-cols-2"> {specInfo.filter(s => s.enabled).map(genSpecification)} </div> </div> diff --git a/src/app/recurso/[id]/components/tags.js b/src/app/recurso/[id]/components/tags.js index acbe4de70bc5853d863604ce1fe3443d51d1e518..374a47e695b70b5cab0545ff13379922a8f5ba84 100644 --- a/src/app/recurso/[id]/components/tags.js +++ b/src/app/recurso/[id]/components/tags.js @@ -9,8 +9,7 @@ export default function Tags({ tags }) { return ( <> <div className="flex justify-start flex-wrap"> - - {tags.map(genLink)} + Palavras-chave: {tags.map(genLink)} </div> </> ); diff --git a/src/app/submit/components/InfoForm.js b/src/app/submit/components/InfoForm.js index 993ae15c1aa0a2e5bda02c81c5bee66f182e8161..35d47690836a449caddff39b82eb675a7ad86736 100644 --- a/src/app/submit/components/InfoForm.js +++ b/src/app/submit/components/InfoForm.js @@ -125,7 +125,7 @@ export default function UploadForm({ setStep }) { className="mb-5" /> <FieldLabel - name="Palavras-chave para buscar o Recurso*" + name="Palavras-chave Relacionadas ao Conteúdo do seu Recurso*" description="(Use enter para confirmar a palavra-chave)" /> <TextField