update ui

src/ui/Layout.tsx

@@ -1,8 +1,8 @@
-import { SidebarProvider, SidebarInset, SidebarTrigger } from './components/ui/sidebar'
-import { AppSidebar } from './components/AppSidebar'
-import { Outlet } from 'react-router-dom'
-import { Separator } from './components/ui/separator'
 import { Github } from 'lucide-react'
+import { Outlet } from 'react-router-dom'
+import { AppSidebar } from './components/AppSidebar'
+import { Separator } from './components/ui/separator'
+import { SidebarInset, SidebarProvider, SidebarTrigger } from './components/ui/sidebar'
 
 export default function Layout() {
   return (
@@ -13,7 +13,7 @@ export default function Layout() {
           <div className="flex items-center gap-2">
             <SidebarTrigger className="-ml-1" />
             <Separator orientation="vertical" className="mr-2 h-4" />
-            <span className="font-semibold">Forgery</span>
+            <span className="font-black tracking-wider text-lg">Forgery</span>
           </div>
           <a
             href="#"

src/ui/components/AppSidebar.tsx

@@ -1,13 +1,15 @@
 import { Backpack, Frame, Settings, Smile, Users } from 'lucide-react'
+import logo from 'public/logo.webp'
 import { Link, useLocation } from 'react-router-dom'
 import {
-  Sidebar,
-  SidebarContent,
-  SidebarGroup,
-  SidebarGroupContent,
-  SidebarMenu,
-  SidebarMenuButton,
-  SidebarMenuItem,
+    Sidebar,
+    SidebarContent,
+    SidebarFooter,
+    SidebarGroup,
+    SidebarGroupContent,
+    SidebarMenu,
+    SidebarMenuButton,
+    SidebarMenuItem,
 } from './ui/sidebar'
 
 // Menu items.
@@ -66,6 +68,11 @@ export function AppSidebar() {
           </SidebarGroupContent>
         </SidebarGroup>
       </SidebarContent>
+      <SidebarFooter>
+        <div className="w-full flex items-center justify-center mb-3">
+          <img src={logo} alt="Logo" className="w-14 h-14 rotate-10" />
+        </div>
+      </SidebarFooter>
     </Sidebar>
   )
 }