change home page and style buttons

components/layoutPanel/sidebar/index.js

@@ -6,31 +6,40 @@ import LogoutOrangeP from "@/components/icons/LogoutOrangeP";
 
 function Sidebar({ active, setActive, open, setOpen }) {
   return (
-    <div className={`
+    <div
+      className={`
         transition-all duration-500 md:flex fixed md:relative z-30 w-[85%]
-        ${active ? ' right-0' : 'right-[-85%]'}
-        ${open ? 'min-w-[243px] md:w-[243px]' : 'min-w-[96px] md:w-[96px]'}
-    `}>
-      <aside className={`
+        ${active ? " right-0" : "right-[-85%]"}
+        ${open ? "min-w-[243px] md:w-[243px]" : "min-w-[96px] md:w-[96px]"}
+    `}
+    >
+      <aside
+        className={`
         relative h-screen overflow-hidden 
         transition-all duration-500 w-[85%]
-        ${active ? ' right-0' : 'right-[-85%]'}
-        ${open ? 'w-[243px]' : 'w-[96px]'}
-      `}>
-        <div className={`
+        ${active ? " right-0" : "right-[-85%]"}
+        ${open ? "w-[243px]" : "w-[96px]"}
+      `}
+      >
+        <div
+          className={`
            z-30 md:top-0 md:right-0 w-[85%]
-        ${active ? ' right-0' : 'right-[-85%]'}
+        ${active ? " right-0" : "right-[-85%]"}
           overflow-hidden p-[24px] h-full flex flex-col justify-between items-start fixed 
           border-0 border-l border-l-[#EFEFEF] bg-[#FFF]
           transition-all duration-500
-          ${open ? 'md:w-[243px]' : 'md:w-[96px]'}
-        `}>
+          ${open ? "md:w-[243px]" : "md:w-[96px]"}
+        `}
+        >
           <div className="w-full">
             <HeadMd open={open} setOpen={setOpen} />
             <HeadSm setActive={setActive} />
             <Links open={open} />
           </div>
-          <div className={`w-full justify-center overflow-hidden transition-all duration-500 ${open ? '!max-w-full' : '!max-w-0'}`}>
+          <div
+            className={`w-full justify-center overflow-hidden transition-all duration-500 ${open ? "!max-w-full" : "!max-w-0"
+              }`}
+          >
             <Button
               variant="text"
               className="!flex !w-fit !items-center !justify-center !gap-[10px] !py-[8px] !px-[16px] !text-[#F17732] !text-[16px] !font-medium"
@@ -42,7 +51,7 @@ function Sidebar({ active, setActive, open, setOpen }) {
         </div>
       </aside>
     </div>
-  )
+  );
 }
 
-export default Sidebar
+export default Sidebar;