From 500ff69aaf4389d884f202622caf5a36ee0ba70a Mon Sep 17 00:00:00 2001 From: AbhiVarde Date: Tue, 10 Mar 2026 12:02:20 +0530 Subject: [PATCH 1/3] fix: mobile layout for tags list --- apps/web/src/components/repo/tags-list.tsx | 66 +++++++++++----------- 1 file changed, 34 insertions(+), 32 deletions(-) diff --git a/apps/web/src/components/repo/tags-list.tsx b/apps/web/src/components/repo/tags-list.tsx index 76542398..e127c593 100644 --- a/apps/web/src/components/repo/tags-list.tsx +++ b/apps/web/src/components/repo/tags-list.tsx @@ -152,42 +152,44 @@ export function TagsList({ return (
- +
+ -
-
- - {tag.name} - - {release && - !release.draft && ( - <> - {release.prerelease ? ( - - - Pre-release - - ) : ( - - - {release.name || - release.tag_name} - - )} - - )} +
+
+ + {tag.name} + + {release && + !release.draft && ( + <> + {release.prerelease ? ( + + + Pre-release + + ) : ( + + + {release.name || release.tag_name} + + + )} + + )} +
+

+ {shortSha} +

-

- {shortSha} -

-
+
{release && ( ); -} +} \ No newline at end of file From 1073418ea9c04e02a969f982ff5442d795c5510f Mon Sep 17 00:00:00 2001 From: AbhiVarde Date: Tue, 10 Mar 2026 14:00:35 +0530 Subject: [PATCH 2/3] fix: responsive mobile layout for commits toolbar --- apps/web/src/components/repo/commits-list.tsx | 108 +++++++++--------- 1 file changed, 57 insertions(+), 51 deletions(-) diff --git a/apps/web/src/components/repo/commits-list.tsx b/apps/web/src/components/repo/commits-list.tsx index f78ca2e4..f465a787 100644 --- a/apps/web/src/components/repo/commits-list.tsx +++ b/apps/web/src/components/repo/commits-list.tsx @@ -48,12 +48,12 @@ type Commit = { } | null; }; author: - | { - login: string; - avatar_url: string; - } - | Record - | null; + | { + login: string; + avatar_url: string; + } + | Record + | null; html_url: string; }; @@ -72,10 +72,10 @@ function groupByDate(commits: Commit[]) { const date = commit.commit.author?.date; const key = date ? new Date(date).toLocaleDateString("en-US", { - month: "long", - day: "numeric", - year: "numeric", - }) + month: "long", + day: "numeric", + year: "numeric", + }) : "Unknown date"; if (!groups[key]) groups[key] = []; groups[key].push(commit); @@ -118,14 +118,14 @@ function BranchPicker({ }, [branches, defaultBranch, search]); return ( -
+
{open && ( <> @@ -136,7 +136,7 @@ function BranchPicker({ setSearch(""); }} /> -
+
@@ -178,7 +178,7 @@ function BranchPicker({ className={cn( "w-full text-left px-3 py-1.5 text-xs font-mono hover:bg-muted/60 dark:hover:bg-white/3 transition-colors cursor-pointer flex items-center gap-2", isActive && - "bg-muted/30", + "bg-muted/30", )} > @@ -253,14 +253,17 @@ function CommitsToolbar({ onClearDates: () => void; }) { return ( -
- -
+
+
+ +
+ +
- onSinceChange(e.target.value)} - title="Since date" - className="h-9 rounded-md border border-border bg-background px-3 font-mono text-xs text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring" - /> - onUntilChange(e.target.value)} - title="Until date" - className="h-9 rounded-md border border-border bg-background px-3 font-mono text-xs text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring" - /> - {hasDateFilter && ( - - )} + +
+ onSinceChange(e.target.value)} + title="Since date" + className="sm:order-3 flex-1 sm:flex-none h-9 rounded-md border border-border bg-background px-3 font-mono text-xs text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring" + /> + onUntilChange(e.target.value)} + title="Until date" + className="sm:order-4 flex-1 sm:flex-none h-9 rounded-md border border-border bg-background px-3 font-mono text-xs text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring" + /> + {hasDateFilter && ( + + )} +
); } @@ -462,7 +468,7 @@ function CommitRow({ {/* Expanded body */} {isExpanded && body && ( -
+ 
 						{body}
@@ -566,7 +572,7 @@ function CommitDetailSheet({ > {}} + onDragStart={() => { }} onDragEnd={onResizeEnd} onDoubleClick={onResetWidth} className="absolute left-0 inset-y-0 z-20" @@ -856,8 +862,8 @@ export function CommitsList({ owner, repo, commits, defaultBranch, branches }: C const hasDateFilter = since !== "" || until !== ""; const filtered = search ? displayedCommits.filter((c) => - c.commit.message.toLowerCase().includes(search.toLowerCase()), - ) + c.commit.message.toLowerCase().includes(search.toLowerCase()), + ) : displayedCommits; const grouped = groupByDate(filtered); From 62c176733ca69accf3e9b6bb6f8f2a3f88736ee3 Mon Sep 17 00:00:00 2001 From: AbhiVarde Date: Wed, 11 Mar 2026 07:53:53 +0530 Subject: [PATCH 3/3] fix: apply oxfmt formatting --- apps/web/src/components/repo/commits-list.tsx | 28 +++++++++---------- apps/web/src/components/repo/tags-list.tsx | 12 +++++--- 2 files changed, 22 insertions(+), 18 deletions(-) diff --git a/apps/web/src/components/repo/commits-list.tsx b/apps/web/src/components/repo/commits-list.tsx index f465a787..28d3325c 100644 --- a/apps/web/src/components/repo/commits-list.tsx +++ b/apps/web/src/components/repo/commits-list.tsx @@ -48,12 +48,12 @@ type Commit = { } | null; }; author: - | { - login: string; - avatar_url: string; - } - | Record - | null; + | { + login: string; + avatar_url: string; + } + | Record + | null; html_url: string; }; @@ -72,10 +72,10 @@ function groupByDate(commits: Commit[]) { const date = commit.commit.author?.date; const key = date ? new Date(date).toLocaleDateString("en-US", { - month: "long", - day: "numeric", - year: "numeric", - }) + month: "long", + day: "numeric", + year: "numeric", + }) : "Unknown date"; if (!groups[key]) groups[key] = []; groups[key].push(commit); @@ -178,7 +178,7 @@ function BranchPicker({ className={cn( "w-full text-left px-3 py-1.5 text-xs font-mono hover:bg-muted/60 dark:hover:bg-white/3 transition-colors cursor-pointer flex items-center gap-2", isActive && - "bg-muted/30", + "bg-muted/30", )} > @@ -572,7 +572,7 @@ function CommitDetailSheet({ > { }} + onDragStart={() => {}} onDragEnd={onResizeEnd} onDoubleClick={onResetWidth} className="absolute left-0 inset-y-0 z-20" @@ -862,8 +862,8 @@ export function CommitsList({ owner, repo, commits, defaultBranch, branches }: C const hasDateFilter = since !== "" || until !== ""; const filtered = search ? displayedCommits.filter((c) => - c.commit.message.toLowerCase().includes(search.toLowerCase()), - ) + c.commit.message.toLowerCase().includes(search.toLowerCase()), + ) : displayedCommits; const grouped = groupByDate(filtered); diff --git a/apps/web/src/components/repo/tags-list.tsx b/apps/web/src/components/repo/tags-list.tsx index e127c593..bb4f5456 100644 --- a/apps/web/src/components/repo/tags-list.tsx +++ b/apps/web/src/components/repo/tags-list.tsx @@ -163,7 +163,9 @@ export function TagsList({ href={`/${owner}/${repo}/releases/${tag.name}`} className="text-sm font-mono font-medium text-foreground truncate hover:underline hover:cursor-pointer" > - {tag.name} + { + tag.name + } {release && !release.draft && ( @@ -176,9 +178,11 @@ export function TagsList({ ) : ( - {release.name || release.tag_name} + + {release.name || + release.tag_name} + - )} )} @@ -254,4 +258,4 @@ export function TagsList({ )}
); -} \ No newline at end of file +}