fix(issues): update issue page components

This commit is contained in:
zhenyi 2026-05-31 13:12:01 +08:00
parent e1cbbc1e0f
commit 71d2e059a6
2 changed files with 7 additions and 7 deletions

View File

@ -539,7 +539,7 @@ export default function IssueDetailPage() {
<div className="flex items-start gap-2 justify-between">
<div className="flex items-center gap-2 min-w-0">
{isOpen ? (
<Circle className="size-4 text-green-600 shrink-0" />
<Circle className="size-4 text-success shrink-0" />
) : (
<CircleDot className="size-4 text-purple-600 shrink-0" />
)}
@ -599,10 +599,10 @@ export default function IssueDetailPage() {
{issue.priority && (
<span className={cn(
"font-mono text-[10px] uppercase px-1.5 py-0.5 rounded",
issue.priority === "critical" ? "bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400" :
issue.priority === "critical" ? "bg-destructive/10 text-destructive dark:bg-destructive/20 dark:text-destructive" :
issue.priority === "high" ? "bg-orange-100 text-orange-700 dark:bg-orange-900/30 dark:text-orange-400" :
issue.priority === "low" ? "bg-slate-100 text-slate-600 dark:bg-slate-800 dark:text-slate-400" :
"bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400",
"bg-info/10 text-info dark:bg-info/20 dark:text-info",
)}>
{issue.priority}
</span>
@ -658,7 +658,7 @@ export default function IssueDetailPage() {
<GitFork className="size-3.5 text-muted-foreground shrink-0" />
<span className="font-heading text-[13px] font-medium text-foreground truncate">{pr.title}</span>
<span className="font-mono text-[11px] text-muted-foreground shrink-0"># {pr.number}</span>
<span className={cn("font-mono text-[10px] shrink-0", pr.state === "open" ? "text-green-600" : "text-purple-600")}>
<span className={cn("font-mono text-[10px] shrink-0", pr.state === "open" ? "text-success" : "text-purple-600")}>
{pr.state}
</span>
<ExternalLink className="size-3 text-muted-foreground shrink-0" />
@ -726,7 +726,7 @@ export default function IssueDetailPage() {
<SidebarSection title="Priority">
<span className={cn(
"text-[12px] font-heading font-medium capitalize",
issue.priority === "critical" ? "text-red-600" :
issue.priority === "critical" ? "text-destructive" :
issue.priority === "high" ? "text-orange-600" :
issue.priority === "low" ? "text-muted-foreground" :
"text-foreground",

View File

@ -77,7 +77,7 @@ function IssueRow({ issue, projectName }: { issue: IssueResponse; projectName: s
to={`/${projectName}/issues/${issue.number}`}
>
<span className="mt-0.5 shrink-0">
{isOpen ? <Circle className="size-[14px] text-green-600" /> : <CircleDot className="size-[14px] text-purple-600" />}
{isOpen ? <Circle className="size-[14px] text-success" /> : <CircleDot className="size-[14px] text-purple-600" />}
</span>
<div className="min-w-0 flex-1">
<div className="flex items-baseline gap-1.5 flex-wrap">
@ -151,7 +151,7 @@ function IssueListView({ projectName, onCreate }: { projectName: string; onCreat
<div className="flex items-center gap-2 bg-muted/50 px-3 py-2 border-b border-border">
<nav className="flex items-center">
{[
{ key: "open", icon: <Circle className="size-3 text-green-600" />, count: openCount },
{ key: "open", icon: <Circle className="size-3 text-success" />, count: openCount },
{ key: "closed", icon: <CircleDot className="size-3 text-purple-600" />, count: closedCount },
{ key: "all", icon: null, count: issues.length },
].map((tab) => (