rohskiddo/UMBRA
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Fix Upcoming card to match grid row height with internal scroll

Browse Source 
Replace fixed maxHeight 520px with h-full + overflow-hidden so the
card stretches to match the right column height in the grid row.
The flex chain (Card flex-col → CardContent flex-1 min-h-0 →
ScrollArea flex-1 min-h-0) ensures content scrolls internally
within the row-determined height instead of capping independently.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Kyle 2026-03-11 22:47:00 +08:00
parent 847372643b
commit b8bc097f6f
1 changed files with 1 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/dashboard/UpcomingWidget.tsx
View File

@ -177,7 +177,7 @@ export default function UpcomingWidget({ items }: UpcomingWidgetProps) {
const dayEntries = Array.from(grouped.entries()); const dayEntries = Array.from(grouped.entries());
return ( return (
<Card className="flex flex-col" style={{ maxHeight: '520px' }}> <Card className="flex flex-col h-full overflow-hidden">
<CardHeader className="shrink-0"> <CardHeader className="shrink-0">
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<CardTitle className="flex items-center gap-2"> <CardTitle className="flex items-center gap-2">