From dc4f5f2661ba2ffff27b35f4c4e3bcee8495a6ca Mon Sep 17 00:00:00 2001 From: Guilherme Eduardo <gegs23@inf.ufpr.br> Date: Mon, 5 May 2025 10:34:40 -0300 Subject: [PATCH] wip --- src/app/components/GroupCardsCollections.js | 2 +- src/app/components/Header.js | 2 +- src/app/components/Overlay.js | 2 +- src/app/components/SideBar.js | 4 ++-- 4 files changed, 5 insertions(+), 5 deletions(-) diff --git a/src/app/components/GroupCardsCollections.js b/src/app/components/GroupCardsCollections.js index b1ddd308..3919ff7d 100644 --- a/src/app/components/GroupCardsCollections.js +++ b/src/app/components/GroupCardsCollections.js @@ -28,7 +28,7 @@ export default function GroupCardsCollections({ data, cardsPerRow, collectionId <div className="flex flex-col"> <div className="mx-1 flex flex-col"> - <div id="contentSize" className={`flex content flex-wrap max-sm:justify-center mb-4 max-sm:ml-0 gap-1 md:ml-0 gap-5 ${expanded ? "" : "overflow-y-hidden h-[270px]"}`}> + <div id="contentSize" className={`flex content flex-wrap max-sm:justify-center mb-4 max-sm:ml-0 md:ml-0 gap-6 pb-1 pl-1 ${expanded ? "" : "overflow-y-hidden h-[270px]"}`}> {data?.length !== 0 ? data?.sort((a,b) => a.position - b.position).map((item, index) => { return ( diff --git a/src/app/components/Header.js b/src/app/components/Header.js index 62d9ef58..d6676b52 100644 --- a/src/app/components/Header.js +++ b/src/app/components/Header.js @@ -151,7 +151,7 @@ export default function Header({ setFilterState, filterState, mobileSearch }) { }; return ( - <div className="fixed flex items-center max-md:h-[70px] h-[120px] top-[35px] max-md:top-[0px] z-20 shadow-none w-screen bg-fundo bg-repeat bg-fixed"> + <div className="fixed flex items-center max-md:h-[70px] h-[110px] top-[35px] max-md:top-[0px] z-20 shadow-none w-screen bg-fundo bg-repeat bg-fixed"> <div className="flex flex-grow gap-3 sm:gap-12 justify-between "> {mobileSearchOpen || mobileSearch.searchIsClicked ? ( <MobileSearch handleToggleMobileSearch={handleToggleMobileSearch} setFilterState={setFilterState} filterState={filterState} /> diff --git a/src/app/components/Overlay.js b/src/app/components/Overlay.js index 4561355f..592c751f 100644 --- a/src/app/components/Overlay.js +++ b/src/app/components/Overlay.js @@ -76,7 +76,7 @@ export default function Overlay({ // Passar o parâmetro type={twoColumns} para páginas que possuem duas colunas (ex: InfiniteScroll, Perfil) type === "twoColumns" ? <div className="flex w-full"> - <div className="fixed pt-[160px] w-[150px] overflow-y-auto h-screen scrollbar-none"> + <div className="fixed pt-[150px] w-[150px] overflow-y-auto h-screen scrollbar-none"> <SideBar setFilterState={setFilterState} filterState={filterState} /> </div> diff --git a/src/app/components/SideBar.js b/src/app/components/SideBar.js index 31b546ef..dd6aeb78 100644 --- a/src/app/components/SideBar.js +++ b/src/app/components/SideBar.js @@ -150,7 +150,7 @@ export default function SideBar({ setFilterState, filterState }) { <NeedLoginModal open={needLoginOpen} setOpen={setNeedLoginOpen} /> <div className="max-md:hidden min-h-0 overflow-y-auto flex flex-col text-darkGray-HC-white-underline font-light"> - <div className="flex flex-col justify-start items-center gap-2 w-full mb-5"> + <div className="flex flex-col justify-start items-center gap-1 w-full mb-5"> {acessoRapido .filter(item => loggedIn || (item.title !== "Sair" && item.href !== "/perfil")) .map((item, index) => { @@ -167,7 +167,7 @@ export default function SideBar({ setFilterState, filterState }) { key={index} alt={item.title} title={item.title} - className={`aspect-square cursor-pointer hover:bg-lightGray-HC-white hover:text-darkGray-HC-dark-underline focus:bg-lightGray-HC-white text-center rounded-lg items-center justify-center pt-2 w-[53%] h-[53%] + className={`aspect-square cursor-pointer hover:bg-lightGray-HC-white hover:text-darkGray-HC-dark-underline focus:bg-lightGray-HC-white text-center rounded-lg pt-2 w-[60%] h-[68px] ${(page === item.href) || (pathname.startsWith(item.href)) ? "bg-lightGray-HC-white text-darkGray-HC-dark-underline font-bold" : ""} `} > -- GitLab