lunanting/ai-chatbot
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: improve psd image action button labels
Some checks failed
Lint / build (20) (push) Has been cancelled
Details
Playwright Tests / test (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Your Name 2026-04-10 19:58:56 +08:00
parent 0464306cc0
commit ded97bef00
1 changed files with 12 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
components/agents/AgentPsdTemplateEditorDialog.tsx
View File

@ -1073,16 +1073,10 @@ export function AgentPsdTemplateEditorDialog({
);
const selectedImageAdjustmentPanel = selectedImageLayer ? (
<div className="space-y-3 rounded-2xl border border-white/10 bg-white/[0.03] p-3.5">
<div
className={
sourceImageUrl
? "grid grid-cols-1 gap-2 sm:grid-cols-3"
: "grid grid-cols-1 gap-2 sm:grid-cols-2"
}
>
<div className="grid grid-cols-2 gap-2">
{sourceImageUrl ? (
<Button
className="h-11 w-full min-w-0 justify-center gap-1.5 rounded-xl border-white/10 bg-white/[0.02] px-3 text-[13px] text-white/80 transition-all hover:border-emerald-500/30 hover:bg-emerald-500/10 hover:text-emerald-400"
className="h-11 w-full min-w-0 justify-center gap-1.5 rounded-xl border-white/10 bg-white/[0.02] px-2.5 text-xs text-white/80 transition-all hover:border-emerald-500/30 hover:bg-emerald-500/10 hover:text-emerald-400"
onClick={() => {
setImageAssignments((current) => ({
...current,
@ -1102,11 +1096,11 @@ export function AgentPsdTemplateEditorDialog({
type="button"
variant="outline"
>
<span className="min-w-0 truncate">使用当前图片</span>
<span className="min-w-0 whitespace-nowrap">使用当前图片</span>
</Button>
) : null}
<Button
className="h-11 w-full min-w-0 justify-center gap-1.5 rounded-xl border-white/10 bg-white/[0.02] px-3 text-[13px] text-white/80 transition-all hover:border-emerald-500/30 hover:bg-emerald-500/10 hover:text-emerald-400 disabled:opacity-50"
className="h-11 w-full min-w-0 justify-center gap-1.5 rounded-xl border-white/10 bg-white/[0.02] px-2.5 text-xs text-white/80 transition-all hover:border-emerald-500/30 hover:bg-emerald-500/10 hover:text-emerald-400 disabled:opacity-50"
disabled={
uploadingSlotId === selectedImageLayer.id ||
isSelectedImageExtending
@ -1121,10 +1115,12 @@ export function AgentPsdTemplateEditorDialog({
) : (
<Upload className="h-4 w-4 shrink-0" />
)}
<span className="min-w-0 truncate">上传替换图片</span>
<span className="min-w-0 whitespace-nowrap">上传替换图片</span>
</Button>
<Button
className="h-11 w-full min-w-0 justify-center gap-1.5 rounded-xl border-white/10 bg-white/[0.02] px-3 text-[13px] text-white/80 transition-all hover:border-emerald-500/30 hover:bg-emerald-500/10 hover:text-emerald-400 disabled:opacity-50"
className={`h-11 w-full min-w-0 justify-center gap-1.5 rounded-xl border-white/10 bg-white/[0.02] px-2.5 text-xs text-white/80 transition-all hover:border-emerald-500/30 hover:bg-emerald-500/10 hover:text-emerald-400 disabled:opacity-50 ${
sourceImageUrl ? "col-span-2" : ""
}`}
disabled={
!selectedImageAssignmentUrl || Boolean(isSelectedImageExtending)
}
@ -1143,15 +1139,15 @@ export function AgentPsdTemplateEditorDialog({
) : (
<Expand className="h-4 w-4 shrink-0" />
)}
<span className="min-w-0 truncate">图片拓展</span>
<span className="min-w-0 whitespace-nowrap">图片拓展</span>
</Button>
</div>
{selectedImageAssignmentUrl ? (
<>
<div className="flex justify-end gap-2">
<div className="grid grid-cols-2 gap-2">
<Button
className="rounded-lg border-white/10 bg-white/[0.02] px-3 text-white/70 transition-all hover:border-white/20 hover:bg-white/[0.06] hover:text-white"
className="h-10 w-full rounded-lg border-white/10 bg-white/[0.02] px-2.5 text-xs text-white/70 transition-all hover:border-white/20 hover:bg-white/[0.06] hover:text-white"
onClick={() => resetImagePlacement(selectedImageLayer.id)}
size="sm"
type="button"
@ -1160,7 +1156,7 @@ export function AgentPsdTemplateEditorDialog({
重置位置
</Button>
<Button
className="rounded-lg px-3 text-red-400/80 transition-all hover:bg-red-500/10 hover:text-red-400"
className="h-10 w-full rounded-lg px-2.5 text-xs text-red-400/80 transition-all hover:bg-red-500/10 hover:text-red-400"
onClick={() => {
setImageAssignments((current) => {
const nextAssignments = { ...current };