fix(web): align variable inspect tabs in empty state

- reserve left column width in empty layout to prevent tab shift
- keep close action aligned with split-panel header
This commit is contained in:
yyh
2026-01-28 14:15:55 +08:00
parent 27639600f9
commit 20d19fead9

View File

@ -24,11 +24,13 @@ const InspectLayout: FC<InspectLayoutProps> = ({
}) => {
return (
<div className="flex h-full flex-col">
<div className="flex shrink-0 items-center justify-between">
<TabHeader activeTab={activeTab} onTabChange={onTabChange}>
{headerActions}
</TabHeader>
<div className="pr-2 pt-2">
<div className="flex shrink-0 items-center">
<div className="flex w-60 shrink-0 items-center">
<TabHeader activeTab={activeTab} onTabChange={onTabChange}>
{headerActions}
</TabHeader>
</div>
<div className="flex min-w-0 flex-1 justify-end pr-2 pt-2">
<ActionButton onClick={onClose} aria-label="Close">
<RiCloseLine className="h-4 w-4" />
</ActionButton>