From 6cd48a2b0134226f08169086a7655d72f3b5b54c Mon Sep 17 00:00:00 2001
From: Guilherme Eduardo <gegs23@inf.ufpr.br>
Date: Tue, 22 Apr 2025 11:12:35 -0300
Subject: [PATCH] Issue #285: UPDATE main sidebar responsive
---
src/app/components/SideBar.js | 11 ++++++-----
src/app/perfil/[id]/components/UserCard.js | 2 +-
2 files changed, 7 insertions(+), 6 deletions(-)
diff --git a/src/app/components/SideBar.js b/src/app/components/SideBar.js
index de221a3f..89fbe3f0 100644
--- a/src/app/components/SideBar.js
+++ b/src/app/components/SideBar.js
@@ -57,7 +57,7 @@ const acessoRapido = [
},
{
title: "Publicar",
- icon: FileUploadIcon,
+ icon: FileUploadIcon,
href: "/publicar",
id: "Publicar Recurso",
},
@@ -149,7 +149,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-3 w-full mb-5">
+ <div className="flex flex-col justify-start items-center gap-2 w-full mb-5">
{acessoRapido
.filter(item => isLoggedIn() || (item.title !== "Sair" && item.href !== "/perfil"))
.map((item, index) => {
@@ -166,12 +166,13 @@ 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 pt-2 w-[88px]
+ 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-[70px]
${(page === item.href) || (pathname.startsWith(item.href)) ? "bg-lightGray-HC-white text-darkGray-HC-dark-underline font-bold" : ""}
`}
>
- <item.icon
- className={`text-3xl rounded-xl cursor-pointer ${page === item.href ? "text-darkGray-HC-dark-underline font-bold" : ""}`}
+ <item.icon
+ className={`rounded-xl cursor-pointer ${page === item.href ? "text-darkGray-HC-dark-underline font-bold" : ""}`}
+ sx={{ fontSize: '1.6em' }}
/>
<div className={`py-1 text-base ${page === item.href ? "text-darkGray-HC-dark-underline font-bold" : ""}`}>
{item.title}
diff --git a/src/app/perfil/[id]/components/UserCard.js b/src/app/perfil/[id]/components/UserCard.js
index 376ece91..18c312dd 100644
--- a/src/app/perfil/[id]/components/UserCard.js
+++ b/src/app/perfil/[id]/components/UserCard.js
@@ -290,7 +290,7 @@ export default function UserCard({ profileData, idLogin, achievements, progresse
alt="verificado"
className='flex aspect-square mr-4 max-lg:mx-4 w-[28px] h-[28px] rounded-full'
/>
- <span>Verificado</span>
+ <span>Usuário verificado</span>
</div>
}
</div>
--
GitLab