tt/ttstd-infinite-canvas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(canvas): 模型选择 - 加宽图片和视频模型下拉框

Browse Source
This commit is contained in:
ddCat
2026-07-23 18:49:41 +08:00
parent 012f61238b
commit 33b48284e3
5 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/components/canvas/canvas-node-prompt-panel.tsx
View File

@@ -178,7 +178,7 @@ export function CanvasNodePromptPanel({ node, isRunning, onPromptChange, onConfi
</div>
) : (
<div className="flex min-w-0 items-center justify-between gap-0.5 px-0.5">
<div className={`${expanded ? "max-w-[260px]" : mode === "video" ? "max-w-[160px]" : "max-w-[174px]"} min-w-[104px] flex-1`}>
<div className={`${expanded ? "max-w-[320px]" : mode === "image" || mode === "video" ? "max-w-[240px]" : "max-w-[174px]"} min-w-[104px] flex-1`}>
<ModelPicker className="!h-7 !w-full !min-w-0 !rounded-md !border-0 !bg-transparent !px-1.5 !text-[10px] !font-normal !shadow-none [&_img]:!size-3 [&_.lucide]:!size-3 [&_.canvas-select-chevron]:!size-3" fullWidth config={config} value={config.model} onChange={(model) => onConfigChange(node.id, { model })} capability={mode} onMissingConfig={() => openConfigDialog(true)} showSelectedPrice={false} />
</div>
<div className="ml-auto flex min-w-0 shrink-0 items-center gap-0.5">

5
web/src/components/model-picker.tsx
View File

@@ -76,7 +76,10 @@ export function ModelPicker({ config, value, onChange, capability, className, fu
</SelectTrigger>
<SelectContent
data-canvas-no-zoom
className="z-[1200] w-[270px] max-w-[calc(100vw-24px)] rounded-lg border border-border/50 bg-popover p-1 text-[11px] font-normal shadow-md"
className={cn(
"z-[1200] max-w-[calc(100vw-24px)] rounded-lg border border-border/50 bg-popover p-1 text-[11px] font-normal shadow-md",
capability === "image" || capability === "video" ? "w-[320px]" : "w-[270px]",
)}
position="popper"
align="start"
side="bottom"