Merge branch 'issue-119/botoes-acessibilidade' into 'develop'

Issue #119: ADD acessibility buttons

See merge request !136

src/app/components/AcessibilityBar.js

@@ -82,9 +82,31 @@ export default function AcessibilityBar({handleOpenMenu, openMenu}) {
     };
 
     return (
-        <div className="fixed top-0 flex justify-between w-full bg-white z-20 text-sm h-10 py-1 px-6 text-text-filter whitespace-nowrap border-b border-outlineColor"> 
+        <>
+            <div className="block xl:hidden">
+                <div className="fixed top-0 flex justify-between w-screen bg-white z-20 text-sm h-12 py-1 px-3 text-text-filter whitespace-nowrap border-b border-outlineColor"> 
+
+                    <div className="flex justify-between w-full leading-tight">
+                        <button 
+                            className="text-start font-thin"
+                            id="MECRED" 
+                            onClick={handleOpenMenu}>
+                            <span>Plataforma MEC de</span><br />
+                            <span>Recursos Educacionais Digitais</span> 
+                        </button>
+
+                        <button onClick={() => toggleContrast()}>
+                            <ContrastTwoToneIcon className="text-3xl pb-1"/>
+                        </button>
+
+                    </div>
+                </div>
+            </div>
 
-            <div className="flex justify-between w-full max-sm:hidden">
+            <div className="hidden xl:block">
+                <div className="fixed top-0 flex justify-between w-screen bg-white z-20 text-sm h-10 py-1 px-6 text-text-filter whitespace-nowrap border-b border-outlineColor"> 
+
+                    <div className="flex justify-between w-full max-sm:hidden font-thin">
                         <button id="MECRED" onClick={handleOpenMenu}>
                             Plataforma MEC de Recursos Educacionais Digitais 
                         </button>
@@ -120,6 +142,8 @@ export default function AcessibilityBar({handleOpenMenu, openMenu}) {
 
                     </div>
                 </div>
+            </div>
+        </>
     );
 
 }
\ No newline at end of file

src/app/components/Header.js

@@ -175,7 +175,7 @@ export default function Header({ setFilterState, filterState, handleOpenMenu })
   };
 
   return (
-    <div className="fixed top-10 z-10">
+    <div className="fixed max-xl:top-12 top-10 z-10">
       <div className=" max-sm:h-12 h-20 flex gap-3 sm:gap-12 justify-between 
                       px-2 shadow-none w-screen 
                       bg-fundo

src/app/components/SideBar.js

@@ -124,7 +124,7 @@ export default function SideBar({ setFilterState, filterState, openMenu }) {
     <>
       <div
         className={`top-[125px] start-0 overflow-y-auto 
-          max-sm:top-[88px]
+                    max-sm:top-[96px]
                     pb-24 pl-8 w-64 text-white fixed h-full 
                     z-40 ease-in-out duration-300 
                     bg-fundo