From 20d19fead996d1f0467b0f74a8ceabfff20b41f9 Mon Sep 17 00:00:00 2001
From: yyh <yuanyouhuilyz@gmail.com>
Date: Wed, 28 Jan 2026 14:15:55 +0800
Subject: [PATCH] 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
---
 .../workflow/variable-inspect/inspect-layout.tsx     | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/web/app/components/workflow/variable-inspect/inspect-layout.tsx b/web/app/components/workflow/variable-inspect/inspect-layout.tsx
index 36b95ec6b6..15560db083 100644
--- a/web/app/components/workflow/variable-inspect/inspect-layout.tsx
+++ b/web/app/components/workflow/variable-inspect/inspect-layout.tsx
@@ -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>