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 ? ( const selectedImageAdjustmentPanel = selectedImageLayer ? (
<div className="space-y-3 rounded-2xl border border-white/10 bg-white/[0.03] p-3.5"> <div className="space-y-3 rounded-2xl border border-white/10 bg-white/[0.03] p-3.5">
<div <div className="grid grid-cols-2 gap-2">
className={
sourceImageUrl
? "grid grid-cols-1 gap-2 sm:grid-cols-3"
: "grid grid-cols-1 gap-2 sm:grid-cols-2"
}
>
{sourceImageUrl ? ( {sourceImageUrl ? (
<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" 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={() => { onClick={() => {
setImageAssignments((current) => ({ setImageAssignments((current) => ({
...current, ...current,
@ -1102,11 +1096,11 @@ export function AgentPsdTemplateEditorDialog({
type="button" type="button"
variant="outline" variant="outline"
> >
<span className="min-w-0 truncate">使用当前图片</span> <span className="min-w-0 whitespace-nowrap">使用当前图片</span>
</Button> </Button>
) : null} ) : null}
<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"
disabled={ disabled={
uploadingSlotId === selectedImageLayer.id || uploadingSlotId === selectedImageLayer.id ||
isSelectedImageExtending isSelectedImageExtending
@ -1121,10 +1115,12 @@ export function AgentPsdTemplateEditorDialog({
) : ( ) : (
<Upload className="h-4 w-4 shrink-0" /> <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>
<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={ disabled={
!selectedImageAssignmentUrl || Boolean(isSelectedImageExtending) !selectedImageAssignmentUrl || Boolean(isSelectedImageExtending)
} }
@ -1143,15 +1139,15 @@ export function AgentPsdTemplateEditorDialog({
) : ( ) : (
<Expand className="h-4 w-4 shrink-0" /> <Expand className="h-4 w-4 shrink-0" />
)} )}
<span className="min-w-0 truncate">图片拓展</span> <span className="min-w-0 whitespace-nowrap">图片拓展</span>
</Button> </Button>
</div> </div>
{selectedImageAssignmentUrl ? ( {selectedImageAssignmentUrl ? (
<> <>
<div className="flex justify-end gap-2"> <div className="grid grid-cols-2 gap-2">
<Button <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)} onClick={() => resetImagePlacement(selectedImageLayer.id)}
size="sm" size="sm"
type="button" type="button"
@ -1160,7 +1156,7 @@ export function AgentPsdTemplateEditorDialog({
重置位置 重置位置
</Button> </Button>
<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={() => { onClick={() => {
setImageAssignments((current) => { setImageAssignments((current) => {
const nextAssignments = { ...current }; const nextAssignments = { ...current };