fix(plugin-workflow): space mobile detail tabs

This commit is contained in:
Zeke Zhang
2026-08-17 08:24:09 +08:00
parent f77bf659a2
commit 04bf8ad4a8
2 changed files with 3 additions and 1 deletions
@@ -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 {
@@ -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' });
});