Robotail/Corp
Robotail/Corp
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(layout): stabilize fixed header chat shell

Browse Source
This commit is contained in:
lizerk 2026-04-14 23:28:49 +03:00
parent 35a7250183
commit 8f103e6768
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/app/messages/[chatId]/page.tsx
View File

@ -971,7 +971,7 @@ function MessageDialogPageContent() {
<p className="text-sm">{cm.error}</p>
</div>
) : (
<div className="min-h-0 h-full lg:sticky lg:top-22 lg:h-[calc(100dvh-7.5rem)]">
<div className="min-h-0 h-full">
<section className="flex h-full min-h-0 flex-col overflow-hidden lg:rounded-xl lg:border lg:border-[var(--border-subtle)] lg:bg-[var(--surface-primary)] lg:p-4 lg:shadow-[var(--shadow-card)]">
{cm.chat ? (
<>

6
frontend/src/components/AppShell.tsx
View File

@ -112,8 +112,8 @@ function Header({ mobileNavPlacement, suppressMobileChrome = false, onOpenLeftNa
<header
className={`app-header z-[40] backdrop-blur ${
isBottomMobileNav
? "fixed inset-x-0 bottom-0 border-t lg:sticky lg:top-0 lg:bottom-auto lg:border-b lg:border-t-0"
: "sticky top-0 border-b"
? "fixed inset-x-0 bottom-0 border-t lg:fixed lg:inset-x-0 lg:top-0 lg:bottom-auto lg:border-b lg:border-t-0"
: "fixed inset-x-0 top-0 border-b"
} ${suppressMobileChrome ? "hidden lg:block" : ""} shrink-0`}
>
<div className="mx-auto max-w-6xl px-4 sm:px-8">
@ -447,7 +447,7 @@ export function AppShell({ children }: AppShellProps) {
}
return (
<div className={`${isMessageDialogPage ? 'h-[100dvh] overflow-hidden' : 'min-h-screen'} app-shell flex flex-col ${mobileNavPlacement === "bottom" && !isMessageDialogPage ? "pb-[calc(env(safe-area-inset-bottom)+3.75rem)] lg:pb-0" : ""}`}>
<div className={`${isMessageDialogPage ? 'h-[100dvh] overflow-hidden lg:pt-14' : 'min-h-screen pt-10 lg:pt-14'} app-shell flex flex-col ${mobileNavPlacement === "bottom" && !isMessageDialogPage ? "pb-[calc(env(safe-area-inset-bottom)+3.75rem)] lg:pb-0" : ""}`}>
<Header
mobileNavPlacement={mobileNavPlacement}
suppressMobileChrome={isMessageDialogPage}