From 04bf8ad4a8b33f786ebb9c6ff9de487cfec42b33 Mon Sep 17 00:00:00 2001
From: Zeke Zhang <958414905@qq.com>
Date: Mon, 17 Aug 2026 08:24:09 +0800
Subject: [PATCH] fix(plugin-workflow): space mobile detail tabs

---
 .../plugin-workflow/src/client-v2/pages/WorkflowTasksPage.tsx  | 3 ++-
 .../src/client-v2/pages/__tests__/WorkflowTasksPage.test.tsx   | 1 +
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/plugins/@nocobase/plugin-workflow/src/client-v2/pages/WorkflowTasksPage.tsx b/packages/plugins/@nocobase/plugin-workflow/src/client-v2/pages/WorkflowTasksPage.tsx
index 78e3c6fbe9a..e51cda1b000 100644
--- a/packages/plugins/@nocobase/plugin-workflow/src/client-v2/pages/WorkflowTasksPage.tsx
+++ b/packages/plugins/@nocobase/plugin-workflow/src/client-v2/pages/WorkflowTasksPage.tsx
@@ -844,13 +844,14 @@ function WorkflowTaskMobileDetailPage(props: { children: React.ReactNode; onClos
   const t = useT();
   const mobileBackButtonClassName = useMobileBackButtonClassName();
   const mobileTaskDetailTabsHeight = token.controlHeightLG + token.paddingXS;
+  const mobileTaskDetailTabsInset = token.paddingXS + token.controlHeightLG + token.paddingXS;
   const contentClassName = css`
     > div > .ant-tabs > .ant-tabs-nav {
       background: ${token.colorBgContainer};
       margin: 0;
       min-height: ${mobileTaskDetailTabsHeight}px;
       padding-inline: ${token.padding}px ${token.padding}px;
-      padding-left: ${token.controlHeight + token.paddingSM}px;
+      padding-inline-start: ${mobileTaskDetailTabsInset}px;
     }
 
     > div > .ant-tabs > .ant-tabs-content-holder {
diff --git a/packages/plugins/@nocobase/plugin-workflow/src/client-v2/pages/__tests__/WorkflowTasksPage.test.tsx b/packages/plugins/@nocobase/plugin-workflow/src/client-v2/pages/__tests__/WorkflowTasksPage.test.tsx
index 7e530dc90ce..baa8d7b6d22 100644
--- a/packages/plugins/@nocobase/plugin-workflow/src/client-v2/pages/__tests__/WorkflowTasksPage.test.tsx
+++ b/packages/plugins/@nocobase/plugin-workflow/src/client-v2/pages/__tests__/WorkflowTasksPage.test.tsx
@@ -539,6 +539,7 @@ describe('WorkflowTasksPage', () => {
     renderWithApp(<WorkflowTasksPage />);
 
     await screen.findByText('detail:Popup task');
+    expect(document.querySelector('.ant-tabs-nav')).toHaveStyle({ paddingInlineStart: '56px' });
     expect(document.querySelector('.ant-tabs-content-holder')).toHaveStyle({ padding: '8px' });
   });