style: improve formatting and spacing in ForgejoIssueDetailDialog component

This commit is contained in:
null 2026-05-24 17:04:25 -05:00
parent 0d0fccf827
commit 876c350a3c
1 changed files with 14 additions and 6 deletions

View File

@ -2,7 +2,15 @@
import { useEffect, useMemo, useState } from "react";
import { ExternalLink, Loader2, MessageSquarePlus, Pencil, Terminal, UserPlus, XCircle } from "lucide-react";
import {
ExternalLink,
Loader2,
MessageSquarePlus,
Pencil,
Terminal,
UserPlus,
XCircle,
} from "lucide-react";
import {
Dialog,
@ -171,7 +179,7 @@ export function ForgejoIssueDetailDialog({
<>
<Dialog open={open} onOpenChange={onOpenChange}>
<DialogContent className="max-w-4xl">
<DialogHeader className="gap-3">
<DialogHeader className="gap-4">
<div className="grid gap-3 sm:grid-cols-[minmax(0,1fr)_auto] sm:items-start">
<div className="min-w-0 space-y-2">
<DialogTitle className="break-words text-base sm:text-lg">
@ -201,7 +209,7 @@ export function ForgejoIssueDetailDialog({
</Button>
) : null}
</div>
<div className="flex flex-wrap items-center gap-2 sm:justify-end">
<div className="flex flex-wrap items-center gap-2">
<Button
variant="outline"
size="sm"
@ -237,10 +245,10 @@ export function ForgejoIssueDetailDialog({
size="sm"
className="h-9 gap-2 rounded-xl px-3 text-xs font-semibold"
onClick={handleDispatchToClaudeCode}
title="Copy issue as Claude Code prompt"
title="Copy issue as VSCode prompt"
>
<Terminal className="h-3.5 w-3.5" />
Dispatch
VSCode
</Button>
<a
href={active.html_url}
@ -267,7 +275,7 @@ export function ForgejoIssueDetailDialog({
</div>
) : null}
<Tabs value={activeTab} onValueChange={setActiveTab}>
<Tabs value={activeTab} onValueChange={setActiveTab} className="mt-1">
<TabsList>
<TabsTrigger value="overview">Overview</TabsTrigger>
<TabsTrigger value="comments">