From b9efa9f8dce06797723caf72503fb7caeea2e807 Mon Sep 17 00:00:00 2001 From: Claude Date: Sat, 14 Feb 2026 13:16:08 +0000 Subject: [PATCH 1/5] fix: make activity feed responsive on mobile The GitHub and Spotify rows in the auto-transition mode used single-line flex without wrapping, causing content overflow on small screens. Added flex-wrap, truncation for long text, and repositioned navigation arrows to be absolutely placed on mobile. https://claude.ai/code/session_019VM1w9ahExw5WzTnVgfPyK --- .../landing/activity/activity-feed.tsx | 20 +++++++++---------- 1 file changed, 10 insertions(+), 10 deletions(-) diff --git a/src/components/landing/activity/activity-feed.tsx b/src/components/landing/activity/activity-feed.tsx index 9a5d154c..08c4ca9f 100644 --- a/src/components/landing/activity/activity-feed.tsx +++ b/src/components/landing/activity/activity-feed.tsx @@ -585,8 +585,8 @@ export function ActivityFeed({ className="text-[13px] leading-relaxed" > {/* GITHUB ROW */} -
-
+
+
- + {getEventIcon(currentActivity.type)} - + {currentActivity.title} @@ -655,7 +655,7 @@ export function ActivityFeed({
{/* NAVIGATION ARROWS */} -
+
+
+
+
+ + Edit Project + +
+ {hasChanges && ( + Unsaved + )} + +
-
-
- - handleChange('title', e.target.value)} - className="w-full px-3 py-2 bg-zinc-900 border border-zinc-800 text-sm text-zinc-100 focus:outline-none focus:border-zinc-700" - /> - - - -