From 8614cf7d1ba19d600cc21b8b947e2c32dde04b72 Mon Sep 17 00:00:00 2001
From: Guilherme Eduardo <gegs23@inf.ufpr.br>
Date: Mon, 9 Jun 2025 09:24:52 -0300
Subject: [PATCH] Issue #352: FIX cards size on resources page
---
src/app/components/Cards.js | 2 +-
src/app/components/InfiniteScrollCards.js | 2 +-
2 files changed, 2 insertions(+), 2 deletions(-)
diff --git a/src/app/components/Cards.js b/src/app/components/Cards.js
index b1a1df65..c1da0b81 100644
--- a/src/app/components/Cards.js
+++ b/src/app/components/Cards.js
@@ -166,7 +166,7 @@ export default function Cards(props) {
return (
<Card
- className={`active:bg-ice-HC-dark active:rounded-3xl transition ease-in-out 2xl:w-[330px] xl:w-[290px] lg:w-[270px] max-lg:w-[290px] outline outline-1 outline-ice-HC-white ${props.page !== "recurso" && "items-center"}`}
+ className={`active:bg-ice-HC-dark active:rounded-3xl transition ease-in-out 2xl:w-[320px] xl:w-[290px] lg:w-[295px] max-lg:w-[290px] outline outline-1 outline-ice-HC-white ${props.page !== "recurso" && "items-center"}`}
tabIndex="-1"
sx={{
display: "flex",
diff --git a/src/app/components/InfiniteScrollCards.js b/src/app/components/InfiniteScrollCards.js
index 597471a0..33976bed 100644
--- a/src/app/components/InfiniteScrollCards.js
+++ b/src/app/components/InfiniteScrollCards.js
@@ -127,7 +127,7 @@ export default function InfiniteScrollCards({ setMecLoading, data, searchClass,
case "LearningObject":
return (
- <div className="flex max-2xl:gap-4 gap-2 gap-y-4 flex-wrap ml-7 max-md:ml-0 max-md:justify-center">
+ <div className="flex justify-around 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']}
--
GitLab