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

style: titlebar text padding

Browse source
This commit is contained in:
tusharmagar 2026-02-10 10:36:50 +05:30
parent 14dab23670
commit 21f72ed925
1 changed files with 4 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -522,7 +522,9 @@ function ContentHeader({ children }: { children: React.ReactNode }) {
<header
className={cn(
"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]"
// When the sidebar is collapsed the content area shifts left, so we need enough left padding
// to avoid overlapping the fixed traffic-lights/toggle/back/forward controls.
isCollapsed && "pl-[168px]"
)}
>
{children}
@ -2084,7 +2086,7 @@ function App() {
<SidebarInset className="overflow-hidden! min-h-0">
{/* Header - also serves as titlebar drag region, adjusts padding when sidebar collapsed */}
<ContentHeader>
<span className="text-sm font-medium text-muted-foreground flex-1">
<span className="text-sm font-medium text-muted-foreground flex-1 min-w-0 truncate">
{headerTitle}
</span>
{selectedPath && (