fix(web): collapse nested card decoration in modelNotSupported popover

The popup wrapper carried its own panel-bg + padding + shadow on top of
an inner card that already provides border / tooltip-bg / blur / shadow,
producing a "card on card" look. Make the popup wrapper transparent so
only the inner styled card shows.

Made-with: Cursor
This commit is contained in:
yyh 2026-04-19 16:22:22 +08:00
parent 49b9b6baef
commit 4237a10f35
No known key found for this signature in database

View File

@ -51,7 +51,7 @@ const PanelOutputSection: FC<Props> = ({
</div>
)}
/>
<PopoverContent popupClassName="max-w-[300px] rounded-md border-0 bg-components-panel-bg px-3 py-2 system-xs-regular text-text-tertiary shadow-lg">
<PopoverContent popupClassName="border-0 bg-transparent p-0 shadow-none">
<div className="w-[232px] rounded-xl border-[0.5px] border-components-panel-border bg-components-tooltip-bg px-4 py-3.5 shadow-lg backdrop-blur-[5px]">
<div className="title-xs-semi-bold text-text-primary">{t('structOutput.modelNotSupported', { ns: 'app' })}</div>
<div className="mt-1 body-xs-regular text-text-secondary">{t('structOutput.modelNotSupportedTip', { ns: 'app' })}</div>