.

Author: faikit

app/layout.tsx

@@ -6,8 +6,9 @@ import Image from 'next/image'
 
 
 import { Button } from "@/components/ui/button"
-import { SidebarProvider, SidebarTrigger } from "@/components/ui/sidebar"
+import { SidebarProvider } from "@/components/ui/sidebar"
 import { AppSidebar } from "@/components/app-sidebar"
+import { CustomTrigger } from "@/components/ui/sidebartrigger"
 
 
 
@@ -80,7 +81,7 @@ export default function RootLayout({
                                 </Link>
                             </Button>
 
-                            <SidebarTrigger />
+                            <CustomTrigger />
 
                         </div>
 
@@ -103,9 +104,7 @@ export default function RootLayout({
 
 
 
-                    <main className="w-full">
-                        {children}
-                    </main>
+                    {children}
 
 
 

components/ui/404.tsx

@@ -233,6 +233,7 @@ export default function NotFound404() {
 
 
     return (
+        <main className='w-full'>
             <div className="w-full h-svh flex flex-row justify-center items-center bg-gradient-landing">
                 <div className="w-full max-w-7xl px-6 flex flex-col gap-6 select-none">
                     <FadeIn>
@@ -247,5 +248,6 @@ export default function NotFound404() {
                     </FadeIn>
                 </div>
             </div>
+        </main>
     )
 }

components/ui/sidebartrigger.tsx

@@ -0,0 +1,24 @@
+'use client'
+
+
+import { useSidebar } from "@/components/ui/sidebar"
+import { Button } from "@/components/ui/button"
+import Image from 'next/image'
+
+
+
+export function CustomTrigger() {
+  const { toggleSidebar } = useSidebar()
+ 
+  return (
+    <Button className="bg-background text-foreground hover:bg-white group" onClick={toggleSidebar}>
+        <svg viewBox="0 0 24 24" className="scale-150 group-hover:scale-175 transition delay-100 duration-200 mx-1" fill="none" stroke="#0d0d0d">
+            <g id="SVGRepo_bgCarrier" strokeWidth="0"></g>
+            <g id="SVGRepo_tracerCarrier" strokeLinecap="round" strokeLinejoin="round"></g>
+            <g id="SVGRepo_iconCarrier"> 
+                <path d="M11 5V19M6 8H8M6 11H8M6 14H8M6.2 19H17.8C18.9201 19 19.4802 19 19.908 18.782C20.2843 18.5903 20.5903 18.2843 20.782 17.908C21 17.4802 21 16.9201 21 15.8V8.2C21 7.0799 21 6.51984 20.782 6.09202C20.5903 5.71569 20.2843 5.40973 19.908 5.21799C19.4802 5 18.9201 5 17.8 5H6.2C5.0799 5 4.51984 5 4.09202 5.21799C3.71569 5.40973 3.40973 5.71569 3.21799 6.09202C3 6.51984 3 7.07989 3 8.2V15.8C3 16.9201 3 17.4802 3.21799 17.908C3.40973 18.2843 3.71569 18.5903 4.09202 18.782C4.51984 19 5.07989 19 6.2 19Z" stroke="#0d0d0d" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"></path>
+            </g>
+        </svg>
+    </Button>
+  )
+}