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

Make right column cards fill height to align with Upcoming card

Browse Source 
Wrap TodoWidget in flex-1 container and add h-full to its Card so
the Upcoming Todos card stretches to fill remaining space in the
right column, keeping both columns visually aligned.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Kyle 2026-03-11 23:21:04 +08:00
parent b8bc097f6f
commit 66e230f740
2 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/components/dashboard/DashboardPage.tsx
View File

@ -199,7 +199,9 @@ export default function DashboardPage() {
<CountdownWidget events={data.starred_events} /> <CountdownWidget events={data.starred_events} />
)} )}
<CalendarWidget events={data.todays_events} /> <CalendarWidget events={data.todays_events} />
<TodoWidget todos={data.upcoming_todos} /> <div className="flex-1">
<TodoWidget todos={data.upcoming_todos} />
</div>
</div> </div>
</div> </div>

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

@ -33,7 +33,7 @@ export default function TodoWidget({ todos }: TodoWidgetProps) {
const navigate = useNavigate(); const navigate = useNavigate();
return ( return (
<Card> <Card className="h-full">
<CardHeader> <CardHeader>
<CardTitle className="flex items-center gap-2"> <CardTitle className="flex items-center gap-2">
<div className="p-1.5 rounded-md bg-blue-500/10"> <div className="p-1.5 rounded-md bg-blue-500/10">