From 3722dd95e4d79e2de0e315e03a523bd2a70475be Mon Sep 17 00:00:00 2001
From: Guilherme Eduardo <gegs23@inf.ufpr.br>
Date: Mon, 5 May 2025 10:59:15 -0300
Subject: [PATCH] Issue #308: FIX sidebar responsive and resources boards cards
on resources page
---
src/app/components/GroupCardsCollections.js | 4 +---
src/app/components/Header.js | 2 +-
src/app/components/InfiniteScrollCards.js | 2 +-
src/app/components/Overlay.js | 2 +-
4 files changed, 4 insertions(+), 6 deletions(-)
diff --git a/src/app/components/GroupCardsCollections.js b/src/app/components/GroupCardsCollections.js
index 3919ff7d..b32e6c45 100644
--- a/src/app/components/GroupCardsCollections.js
+++ b/src/app/components/GroupCardsCollections.js
@@ -57,9 +57,7 @@ export default function GroupCardsCollections({ data, cardsPerRow, collectionId
{/*mostra botão de ver mais caso os recursos de uma coleção cabem em mais de uma linha */}
{showButton ?
(
- <button
- fullWidth
- disableElevation
+ <button
variant="outlined"
className="group hover:bg-lightGray-HC-white text-darkGray-HC-white hover:text-darkGray-HC-dark transition-all duration-300 -ml-4 py-2 border-hidden rounded-xl normal-case flex justify-center items-center gap-2"
onClick={toggleContent}
diff --git a/src/app/components/Header.js b/src/app/components/Header.js
index d6676b52..62d9ef58 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-[110px] 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-[120px] 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/InfiniteScrollCards.js b/src/app/components/InfiniteScrollCards.js
index 13d5663e..e6dc6b29 100644
--- a/src/app/components/InfiniteScrollCards.js
+++ b/src/app/components/InfiniteScrollCards.js
@@ -125,7 +125,7 @@ export default function InfiniteScrollCards({ data, searchClass, setNewSize, new
case "LearningObject":
return (
- <div className="flex max-2xl:gap-4 flex-wrap ml-7 max-md:ml-0 max-md:justify-center">
+ <div className="flex max-2xl:gap-4 gap-2 gap-y-4 flex-wrap ml-7 max-md:ml-0 max-md:justify-center">
{data?.map((item, index) => (
<Cards
id={item['id']}
diff --git a/src/app/components/Overlay.js b/src/app/components/Overlay.js
index 592c751f..4561355f 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-[150px] w-[150px] overflow-y-auto h-screen scrollbar-none">
+ <div className="fixed pt-[160px] w-[150px] overflow-y-auto h-screen scrollbar-none">
<SideBar setFilterState={setFilterState} filterState={filterState} />
</div>
--
GitLab