woody
/
legco_ai_assistant
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(frontend): set top container to 30% height with scrollable bottom response panel 

- Changed grid layout from grid-rows-[1fr_auto] to grid-rows-[30%_1fr]

- Top section (video placeholder + query input) now fixed at 30% viewport height

- Bottom response panel scrolls independently when content is long

- Added overflow-hidden to video container to prevent overflow issues

Ultraworked with [Sisyphus](https://github.com/code-yeongyu/oh-my-openagent)

Co-authored-by: Sisyphus <clio-agent@sisyphuslabs.ai>
This commit is contained in:
Woody 2026-04-23 15:11:32 +08:00
parent be5e75e67c
commit 675b1d573b
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/App.tsx
View File

@ -32,8 +32,8 @@ const AppContent: React.FC = () => {
} }
return ( return (
<div className="h-screen grid grid-rows-[1fr_auto] grid-cols-2 bg-gray-50"> <div className="h-screen grid grid-rows-[30%_1fr] grid-cols-2 bg-gray-50">
<div className="border-r border-b border-gray-200 p-4 min-h-0"> <div className="border-r border-b border-gray-200 p-4 min-h-0 overflow-hidden">
<VideoPlaceholder /> <VideoPlaceholder />
</div> </div>
<div className="border-b border-gray-200 p-6 flex flex-col gap-4 overflow-y-auto min-h-0"> <div className="border-b border-gray-200 p-6 flex flex-col gap-4 overflow-y-auto min-h-0">