Skip to content

Commit 82146ec

Browse files
committed
Let the dashboard notifications header wrap
On narrow screens the dashboard card is too slim for the heading, count and "View all" link on one line, and the card's overflow clipping hid the link entirely. Let the header wrap so the link drops below the heading. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01FwbYLobxF4g5wRuAG12JTs
1 parent 1c8f433 commit 82146ec

1 file changed

Lines changed: 2 additions & 2 deletions

File tree

‎components/dashboard/widgets/NotificationsWidget.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -31,8 +31,8 @@ export default function NotificationsDashboardWidget() {
3131

3232
return (
3333
<div className="flex h-full min-h-0 flex-col overflow-hidden rounded-xl bg-white p-8">
34-
<div className="flex items-center justify-between gap-4">
35-
<div className="flex items-center gap-2">
34+
<div className="flex flex-wrap items-center justify-between gap-x-4 gap-y-1">
35+
<div className="flex min-w-0 items-center gap-2">
3636
<h3 className="text-heading-3 font-semibold text-black">
3737
Notifications
3838
</h3>

0 commit comments

Comments
 (0)