Issue #285: UPDATE main sidebar responsive

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}