apunkt/rowboat
1
0
Fork 0
mirror of https://github.com/rowboatlabs/rowboat.git synced 2026-04-30 19:06:23 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor: update titlebar styles and replace Separator with button for chat sidebar toggle

Browse source
This commit is contained in:
tusharmagar 2026-02-06 19:11:14 +05:30
parent 840ae4b9cb
commit 14bcd5d888
2 changed files with 10 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

23
apps/x/apps/renderer/src/App.tsx
View file

@ -46,7 +46,6 @@ import {
useSidebar,
} from "@/components/ui/sidebar"
import { TooltipProvider } from "@/components/ui/tooltip"
import { Separator } from "@/components/ui/separator"
import { Toaster } from "@/components/ui/sonner"
import { stripKnowledgePrefix, toKnowledgePath, wikiLabel } from '@/lib/wiki-links'
import { OnboardingModal } from '@/components/onboarding-modal'
@ -474,7 +473,7 @@ function ContentHeader({ children }: { children: React.ReactNode }) {
return (
<header
className={cn(
"titlebar-drag-region flex h-12 shrink-0 items-center gap-2 border-b border-border px-3 bg-background transition-[padding] duration-200 ease-linear",
"titlebar-drag-region flex h-10 shrink-0 items-center gap-2 border-b border-border px-3 bg-sidebar transition-[padding] duration-200 ease-linear",
isCollapsed && "pl-[108px]"
)}
>
@ -1903,18 +1902,14 @@ function App() {
</Button>
)}
{(selectedPath || isGraphOpen) && (
<>
<Separator orientation="vertical" className="h-4" />
<Button
variant="ghost"
size="icon"
onClick={() => setIsChatSidebarOpen(!isChatSidebarOpen)}
className="titlebar-no-drag size-7 -mr-1"
>
<PanelRightIcon />
<span className="sr-only">Toggle Chat Sidebar</span>
</Button>
</>
<button
type="button"
onClick={() => setIsChatSidebarOpen(!isChatSidebarOpen)}
className="titlebar-no-drag flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground hover:bg-accent hover:text-foreground transition-colors -mr-1"
aria-label="Toggle Chat Sidebar"
>
<PanelRightIcon className="size-4" />
</button>
)}
</ContentHeader>

2
apps/x/apps/renderer/src/components/chat-sidebar.tsx
View file

@ -458,7 +458,7 @@ export function ChatSidebar({
{showContent && (
<>
{/* Header - minimal, expand and new chat buttons */}
<header className="titlebar-drag-region flex h-12 shrink-0 items-center justify-end gap-1 px-2">
<header className="titlebar-drag-region flex h-10 shrink-0 items-center justify-end gap-1 px-2 bg-sidebar">
{onOpenFullScreen && (
<Tooltip>
<TooltipTrigger asChild>