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

fix: make chat discussion fill full viewport height in tablo detail view

Browse source 
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Arthur Belleville 2026-04-11 17:16:54 +02:00
parent 76d4db1ea1
commit 3b1d8bd2e5
2 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
apps/main/src/components/TabloDiscussionSection.tsx
View file

@ -43,7 +43,7 @@ export const TabloDiscussionSection = ({ tablo, isAdmin }: TabloDiscussionSectio
};
return (
<div className="flex flex-col h-full">
<div className="flex flex-col h-full overflow-hidden">
<div className="flex justify-between items-start mb-6">
<div>
<h1 className="text-3xl font-bold text-foreground">Discussion</h1>

8
apps/main/src/pages/tablo-details.tsx
View file

@ -380,7 +380,7 @@ export const TabloDetailsPage = () => {
};
return (
<div>
<div className={cn(activeSection === "discussion" && "flex flex-col h-[calc(100vh-75px)]")}>
{/* ── Header ──────────────────────────────────────────────────────── */}
<div className="px-4 pt-4">
<div className="flex flex-col md:flex-row items-start justify-between mb-6 border-b border-[#F2F4F7] dark:border-gray-700 pb-5 gap-5 md:gap-0">
@ -500,7 +500,7 @@ export const TabloDetailsPage = () => {
</div>
{/* ── Tab content ─────────────────────────────────────────────────── */}
<div className="px-4 sm:px-6 pt-6 pb-8">
<div className={cn("px-4 sm:px-6 pt-6 pb-8", activeSection === "discussion" && "flex flex-col flex-1 min-h-0")}>
{activeSection === "overview" &&
(() => {
const overviewBlocks: Record<OverviewBlockId, React.ReactNode> = {
@ -786,7 +786,9 @@ export const TabloDetailsPage = () => {
{activeSection === "tasks" && <TabloTasksSection tablo={tablo} isAdmin={isAdmin} />}
{activeSection === "files" && <TabloFilesSection tablo={tablo} isAdmin={isAdmin} />}
{activeSection === "discussion" && (
<TabloDiscussionSection tablo={tablo} isAdmin={isAdmin} />
<div className="flex-1 min-h-0">
<TabloDiscussionSection tablo={tablo} isAdmin={isAdmin} />
</div>
)}
{activeSection === "events" && <TabloEventsSection tablo={tablo} isAdmin={isAdmin} />}