style: improve formatting and spacing in ForgejoIssueDetailDialog component
This commit is contained in:
parent
0d0fccf827
commit
876c350a3c
|
|
@ -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">
|
||||
|
|
|
|||
Loading…
Reference in New Issue