arthur/xtablo-source
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions 5

Fix chat page height to account for TopBar

Browse source 
Change h-screen to h-[calc(100vh-75px)] to prevent the message input from being pushed below the viewport by the 75px TopBar.

Co-Authored-By: Claude Sonnet 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Arthur Belleville 2026-02-21 21:19:35 +01:00
parent 32f22b021f
commit 64c2c35a34
No known key found for this signature in database
1 changed files with 1 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
apps/main/src/pages/chat.tsx
View file

@ -36,7 +36,7 @@ export function ChatPage() {
}, [channelFromUrl]);
return (
<div className="flex h-screen bg-gray-50 dark:bg-background">
<div className="flex h-[calc(100vh-75px)] bg-gray-50 dark:bg-background">
<div
className={`border-r border-gray-200 dark:border-gray-600/50 bg-white dark:bg-gray-700/40 transition-all duration-300 ease-in-out overflow-hidden ${
isChannelListExpanded ? "w-80" : "w-0"