all tabs page dashboard and responsive

components/layout/index.js

@@ -9,7 +9,7 @@ import "aos/dist/aos.css";
 import { useEffect } from "react";
 import Sidebar from './sidebar';
 
-function Layout({ children, title, name, disableFooter, isSidebar, user, value, setValue }) {
+function Layout({ children, title, name, isOpenSide, setIsOpenSide, disableFooter, isSidebar, user, value, setValue }) {
 
     useEffect(() => {
         Aos.init({ duration: 1000 });
@@ -25,7 +25,7 @@ function Layout({ children, title, name, disableFooter, isSidebar, user, value,
                 <section className={`
                     opacity-page
                     ${isSidebar &&
-                    'padding-responsive min-h-screen pt-[120px] flex items-stretch justify-center gap-[24px] mt-[56px]'
+                    'padding-responsive min-h-screen flex items-stretch justify-center gap-[12px] lg:gap-[24px] pt-[76px] sm:pt-[109px] mt:pt-[142px] lg:pt-[176px]'
                     }
                 `}>
                     {isSidebar && (
@@ -33,6 +33,8 @@ function Layout({ children, title, name, disableFooter, isSidebar, user, value,
                             user={user}
                             value={value}
                             setValue={setValue}
+                            isOpenSide={isOpenSide}
+                            setIsOpenSide={setIsOpenSide}
                         />
                     )}
                     {children}