feat(ui-tars): navbar ui

Author: skychx

apps/ui-tars/src/renderer/src/components/SideBar/app-sidebar.tsx

@@ -86,10 +86,7 @@ export function AppSidebar({ ...props }: ComponentProps<typeof Sidebar>) {
       <SidebarHeader>
         <UITarsHeader />
         <SidebarMenu className="items-center">
-          <SidebarMenuButton
-            className="h-12 font-medium py-1 px-3"
-            onClick={goHome}
-          >
+          <SidebarMenuButton className="font-medium" onClick={goHome}>
             <Home />
             Home
           </SidebarMenuButton>

apps/ui-tars/src/renderer/src/components/SideBar/nav-footer.tsx

@@ -24,7 +24,7 @@ export function NavSettings({ open, onClick }: NavSettingsProps) {
       <SidebarGroup>
         <SidebarMenu className="items-center">
           <SidebarMenuButton
-            className="h-12 font-medium"
+            className="font-medium"
             onClick={() => onClick(true)}
           >
             <Settings />

apps/ui-tars/src/renderer/src/components/SideBar/nav-header.tsx

@@ -14,8 +14,8 @@ export function UITarsHeader() {
   return (
     <SidebarMenu className="items-center">
       <SidebarMenuButton
-        size="lg"
-        className="data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground"
+        // size="lg"
+        className="group-data-[collapsible=icon]:p-0! mb-2 data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground"
       >
         <div className="flex aspect-square size-8 items-center justify-center rounded-lg">
           <img src={logoVector} alt="" />