Skip to content

Commit 1aa0401

Browse files
klopez4212klopez4212
committed
Increase navigation header height
1 parent f7ed13d commit 1aa0401

11 files changed

Lines changed: 18 additions & 28 deletions

File tree

‎desktop/src/features/channels/ui/AgentSessionThreadPanel.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -202,7 +202,7 @@ export function AgentSessionThreadPanel({
202202
"flex cursor-default select-none items-center",
203203
isSinglePanelView
204204
? `relative ${PANEL_SINGLE_COLUMN_HEADER_LAYER_CLASS} -mb-[4.75rem] min-h-[4.75rem] shrink-0 gap-2.5 bg-background/80 pb-1 pl-4 pr-2 pt-[2.625rem] backdrop-blur-md supports-[backdrop-filter]:bg-background/70 sm:pl-6 sm:pr-3 dark:bg-background/70 dark:backdrop-blur-xl dark:supports-[backdrop-filter]:bg-background/55`
205-
: "relative z-50 min-h-11 shrink-0 gap-3 bg-background/80 px-3 py-1.5 backdrop-blur-md supports-[backdrop-filter]:bg-background/70 dark:bg-background/70 dark:backdrop-blur-xl dark:supports-[backdrop-filter]:bg-background/55",
205+
: "relative z-50 min-h-16 shrink-0 gap-3 bg-background/80 px-3 py-2 backdrop-blur-md supports-[backdrop-filter]:bg-background/70 dark:bg-background/70 dark:backdrop-blur-xl dark:supports-[backdrop-filter]:bg-background/55",
206206
)}
207207
data-tauri-drag-region
208208
>

‎desktop/src/features/channels/ui/ChannelScreenHeader.tsx‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -92,7 +92,6 @@ export function ChannelScreenHeader({
9292
<ChatHeader
9393
belowSystemChrome
9494
chromeWrapperRef={chromeWrapperRef}
95-
density="compact"
9695
actions={actions}
9796
channelType={activeChannel?.channelType}
9897
description={getChannelDescription(activeChannel)}

‎desktop/src/features/channels/ui/MembersSidebar.tsx‎

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -701,11 +701,9 @@ function SearchResultSectionTitle({
701701
children: React.ReactNode;
702702
}) {
703703
return (
704-
<div className="sticky top-0 z-10 mr-3 flex min-h-9 items-center gap-2 bg-background/95 px-4 pb-1.5 pt-3 text-xs font-medium uppercase tracking-wide text-muted-foreground/75 backdrop-blur supports-[backdrop-filter]:bg-background/80">
704+
<div className="sticky top-0 z-10 mr-3 flex min-h-9 items-center gap-2 bg-background/95 px-4 pb-1.5 pt-3 text-xs font-medium text-muted-foreground/75 backdrop-blur supports-[backdrop-filter]:bg-background/80">
705705
<span>{children}</span>
706-
{action ? (
707-
<span className="normal-case tracking-normal">{action}</span>
708-
) : null}
706+
{action ? <span>{action}</span> : null}
709707
</div>
710708
);
711709
}

‎desktop/src/features/chat/ui/ChatHeader.tsx‎

Lines changed: 2 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,6 @@ type ChatHeaderProps = {
2525
belowSystemChrome?: boolean;
2626
/** Ref to the outer chrome wrapper when `belowSystemChrome` is true. */
2727
chromeWrapperRef?: React.Ref<HTMLDivElement>;
28-
density?: "default" | "compact";
2928
title: string;
3029
description?: string;
3130
channelType?: ChannelType;
@@ -87,7 +86,6 @@ export function ChatHeader({
8786
actions,
8887
belowSystemChrome = false,
8988
chromeWrapperRef,
90-
density = "default",
9189
title,
9290
description,
9391
channelType,
@@ -117,13 +115,8 @@ export function ChatHeader({
117115
const header = (
118116
<header
119117
className={cn(
120-
"pointer-events-auto relative z-30 flex min-w-0 shrink-0 cursor-default select-none items-center gap-2.5 bg-transparent px-5 transition-[margin,padding] duration-200 ease-linear",
121-
density === "compact"
122-
? belowSystemChrome
123-
? "min-h-8 py-1.5"
124-
: "min-h-8 py-0"
125-
: "min-h-11 py-1.5",
126-
overlaysContent && !belowSystemChrome && "-mb-11",
118+
"pointer-events-auto relative z-30 flex min-h-16 min-w-0 shrink-0 cursor-default select-none items-center gap-2.5 bg-transparent px-3 py-2 transition-[margin,padding] duration-200 ease-linear",
119+
overlaysContent && !belowSystemChrome && "-mb-16",
127120
clearCollapsedTopChromeControls && "pl-[176px]",
128121
)}
129122
data-testid="chat-header"

‎desktop/src/features/home/ui/HomeLoadingState.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -5,8 +5,8 @@ export function HomeLoadingState() {
55
<div className="min-h-0 flex-1 overflow-hidden">
66
<div className="grid h-full min-h-0 w-full lg:grid-cols-[320px_minmax(0,1fr)]">
77
<div className="relative overflow-hidden bg-background/60 after:absolute after:bottom-0 after:right-0 after:top-10 after:w-px after:bg-border/70 after:content-['']">
8-
<div className="px-5 py-1">
9-
<div className="flex min-w-0 items-center justify-between gap-3">
8+
<div className="px-3 py-2">
9+
<div className="flex min-h-12 min-w-0 items-center justify-between gap-3">
1010
<div className="flex min-w-0 items-center gap-[6px]">
1111
<Skeleton className="h-4 w-4 shrink-0 rounded-md" />
1212
<Skeleton className="h-4 w-14" />
@@ -51,8 +51,8 @@ export function HomeLoadingState() {
5151
</div>
5252

5353
<div className="relative flex min-h-0 flex-col overflow-hidden bg-background/60">
54-
<div className="px-5 py-1 pr-3">
55-
<div className="flex min-w-0 items-center justify-between gap-3">
54+
<div className="px-3 py-2">
55+
<div className="flex min-h-12 min-w-0 items-center justify-between gap-3">
5656
<div className="flex min-w-0 items-center gap-[4px]">
5757
<Skeleton className="h-4 w-4 shrink-0 rounded-md" />
5858
<Skeleton className="h-4 w-40" />

‎desktop/src/features/home/ui/InboxDetailPane.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -246,8 +246,8 @@ export function InboxDetailPane({
246246
>
247247
<div className="relative flex min-h-0 flex-1 flex-col overflow-hidden">
248248
<TopChromeInsetHeader flush>
249-
<div className="px-5 py-1 pr-3">
250-
<div className="flex min-w-0 items-center justify-between gap-3">
249+
<div className="px-3 py-2">
250+
<div className="flex min-h-12 min-w-0 items-center justify-between gap-3">
251251
<div
252252
className={cn(
253253
"flex min-w-0 items-center",

‎desktop/src/features/home/ui/InboxListPane.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -325,8 +325,8 @@ export function InboxListPane({
325325
)}
326326
>
327327
<TopChromeInsetHeader flush>
328-
<div className="px-3 py-1">
329-
<div className="flex w-full min-w-0 items-center justify-between gap-3">
328+
<div className="px-3 py-2">
329+
<div className="flex min-h-12 w-full min-w-0 items-center justify-between gap-3">
330330
<Popover>
331331
<PopoverTrigger asChild>
332332
<button

‎desktop/src/features/messages/ui/MessageThreadPanel.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -322,7 +322,7 @@ export function MessageThreadPanelSkeleton({
322322
"flex cursor-default select-none items-center",
323323
isSinglePanelView
324324
? `relative ${PANEL_SINGLE_COLUMN_HEADER_LAYER_CLASS} -mb-[4.75rem] min-h-[4.75rem] shrink-0 gap-2.5 bg-background/80 pb-[0.1875rem] pl-4 pr-2 pt-[2.6875rem] backdrop-blur-md supports-[backdrop-filter]:bg-background/70 sm:pr-3 dark:bg-background/70 dark:backdrop-blur-xl dark:supports-[backdrop-filter]:bg-background/55`
325-
: "relative z-50 min-h-11 shrink-0 gap-3 bg-background/80 px-3 py-1.5 backdrop-blur-md supports-[backdrop-filter]:bg-background/70 dark:bg-background/70 dark:backdrop-blur-xl dark:supports-[backdrop-filter]:bg-background/55",
325+
: "relative z-50 min-h-16 shrink-0 gap-3 bg-background/80 px-3 py-2 backdrop-blur-md supports-[backdrop-filter]:bg-background/70 dark:bg-background/70 dark:backdrop-blur-xl dark:supports-[backdrop-filter]:bg-background/55",
326326
)}
327327
data-tauri-drag-region
328328
>
@@ -990,7 +990,7 @@ export function MessageThreadPanel({
990990
"flex cursor-default select-none items-center",
991991
isSinglePanelView
992992
? `relative ${PANEL_SINGLE_COLUMN_HEADER_LAYER_CLASS} -mb-[4.75rem] min-h-[4.75rem] shrink-0 gap-2.5 bg-background/80 pb-[0.1875rem] pl-4 pr-2 pt-[2.6875rem] backdrop-blur-md supports-[backdrop-filter]:bg-background/70 sm:pr-3 dark:bg-background/70 dark:backdrop-blur-xl dark:supports-[backdrop-filter]:bg-background/55`
993-
: "relative z-50 min-h-11 shrink-0 gap-3 bg-background/80 px-3 py-1.5 backdrop-blur-md supports-[backdrop-filter]:bg-background/70 dark:bg-background/70 dark:backdrop-blur-xl dark:supports-[backdrop-filter]:bg-background/55",
993+
: "relative z-50 min-h-16 shrink-0 gap-3 bg-background/80 px-3 py-2 backdrop-blur-md supports-[backdrop-filter]:bg-background/70 dark:bg-background/70 dark:backdrop-blur-xl dark:supports-[backdrop-filter]:bg-background/55",
994994
)}
995995
data-tauri-drag-region
996996
>

‎desktop/src/features/profile/ui/UserProfilePanel.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -435,7 +435,7 @@ export function UserProfilePanel({
435435
isSinglePanelView
436436
? `relative ${PANEL_SINGLE_COLUMN_HEADER_LAYER_CLASS} -mb-[4.75rem] min-h-[4.75rem] shrink-0 gap-2.5 bg-transparent pb-1 pl-4 pr-2 pt-[2.625rem] sm:pl-6 sm:pr-3`
437437
: isOverlay
438-
? "relative z-50 min-h-11 shrink-0 gap-3 bg-background/80 px-3 py-1.5 backdrop-blur-md supports-[backdrop-filter]:bg-background/70 dark:bg-background/70 dark:backdrop-blur-xl dark:supports-[backdrop-filter]:bg-background/55"
438+
? "relative z-50 min-h-16 shrink-0 gap-3 bg-background/80 px-3 py-2 backdrop-blur-md supports-[backdrop-filter]:bg-background/70 dark:bg-background/70 dark:backdrop-blur-xl dark:supports-[backdrop-filter]:bg-background/55"
439439
: "absolute inset-x-0 top-[2.625rem] z-50 min-h-8 gap-3 bg-transparent px-3 py-1 after:absolute after:bottom-0 after:-left-px after:top-0 after:w-px after:bg-border/45 after:transition-colors peer-hover/profile-resize:after:bg-border/80 peer-focus-visible/profile-resize:after:bg-border/80",
440440
)}
441441
data-tauri-drag-region

‎desktop/src/shared/layout/AuxiliaryPanelHeader.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@ export function AuxiliaryPanelHeader({
2323
{...props}
2424
>
2525
<div
26-
className="pointer-events-auto relative z-30 flex min-h-8 shrink-0 cursor-default select-none items-center gap-2.5 px-4 py-1.5 sm:pr-3"
26+
className="pointer-events-auto relative z-30 flex min-h-16 shrink-0 cursor-default select-none items-center gap-2.5 px-3 py-2"
2727
data-tauri-drag-region
2828
>
2929
{children}

0 commit comments

Comments
 (0)