HomeLab/ForgeBucket
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

darkmode is now available

Browse Source
This commit is contained in:
erangel1
2026-05-07 13:42:46 +02:00
parent ec309eb626
commit 8cb918b064
36 changed files with 588 additions and 489 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/pages/PRDetailPage.tsx
+11 -11
View File
@@ -28,35 +28,35 @@ export default function PRDetailPage() {
}
if (isError || !pr) {
return <div className="p-6 text-sm text-[#DE350B]">Pull request not found.</div>
return <div className="p-6 text-sm text-[var(--c-danger)]">Pull request not found.</div>
}
const statusColor = pr.status === 'open'
? 'bg-[#E3FCEF] text-[#006644] border-[#79F2C0]'
: pr.status === 'merged'
? 'bg-[#EAE6FF] text-[#403294] border-[#C0B6F2]'
: 'bg-[#F4F5F7] text-[#5E6C84] border-[#DFE1E6]'
: 'bg-[var(--c-surface-muted)] text-[var(--c-muted)] border-[var(--c-border)]'
return (
<div className="max-w-5xl mx-auto px-4 md:px-6 py-6 space-y-6">
{/* Breadcrumb */}
<div className="flex items-center gap-1 text-sm flex-wrap">
<Link to={`/repos/${owner}/${repo}`} className="text-[#0052CC] hover:underline">{repo}</Link>
<span className="text-[#5E6C84]">/</span>
<Link to={`/repos/${owner}/${repo}/pulls`} className="text-[#0052CC] hover:underline">Pull requests</Link>
<span className="text-[#5E6C84]">/</span>
<span className="text-[#172B4D]">#{pr.id}</span>
<Link to={`/repos/${owner}/${repo}`} className="text-[var(--c-brand)] hover:underline">{repo}</Link>
<span className="text-[var(--c-muted)]">/</span>
<Link to={`/repos/${owner}/${repo}/pulls`} className="text-[var(--c-brand)] hover:underline">Pull requests</Link>
<span className="text-[var(--c-muted)]">/</span>
<span className="text-[var(--c-text)]">#{pr.id}</span>
</div>
{/* Title + status */}
<div>
<div className="flex items-center gap-3 flex-wrap">
<h1 className="text-xl font-semibold text-[#172B4D]">{pr.title}</h1>
<h1 className="text-xl font-semibold text-[var(--c-text)]">{pr.title}</h1>
<span className={cn('text-xs font-semibold px-2 py-0.5 rounded-full border', statusColor)}>
{pr.status}
</span>
</div>
<p className="text-xs text-[#5E6C84] mt-1">
<p className="text-xs text-[var(--c-muted)] mt-1">
#{pr.id} · <span className="font-mono">{pr.sourceBranch}</span>
{' → '}
<span className="font-mono">{pr.targetBranch}</span>
@@ -65,14 +65,14 @@ export default function PRDetailPage() {
{/* Body */}
{pr.body && (
<div className="p-4 border border-[#DFE1E6] rounded text-sm text-[#172B4D] whitespace-pre-wrap">
<div className="p-4 border border-[var(--c-border)] rounded text-sm text-[var(--c-text)] whitespace-pre-wrap">
{pr.body}
</div>
)}
{/* Diff placeholder */}
<div>
<h2 className="text-sm font-semibold text-[#172B4D] mb-3 flex items-center gap-2">
<h2 className="text-sm font-semibold text-[var(--c-text)] mb-3 flex items-center gap-2">
<svg width="16" height="16" fill="none" stroke="currentColor" strokeWidth="1.5" viewBox="0 0 24 24">
<path strokeLinecap="round" strokeLinejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z" />
</svg>