null
/
Pipeline
1
0
Fork 0
Code Issues 15 Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
frontend/src/components/git/ForgejoIssueDetailDialog.tsx
View File

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