diff --git a/src/app/components/GroupCardsCollections.js b/src/app/components/GroupCardsCollections.js index b1ddd308bd824020e1a6956e54361e476f6f76f6..3919ff7d85244cfb5ef80f0e1cddec94705717ac 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 62d9ef58f553dae4f4f1725d1a1c8bb26479abe3..d6676b525d46a531fd277f7e3d8150220c0dff56 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 4561355f603d9b50ebfa9f84e9d905607e23a0b5..592c751ffd9949cdc26b88b0d9d4911c17effd0d 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 31b546ef007000742eb79558bad439887b7c870b..dd6aeb78c33f9a6a953ac6b84c499d7572299adb 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" : ""} `} >