style(ui): eslint-plugin-tailwindcss

ui/src/pages/workflows/WorkflowDetail.tsx

@@ -250,7 +250,7 @@ const WorkflowDetail = () => {
               <div className="py-12 lg:pr-36 xl:pr-48">
                 <WorkflowElements />
               </div>
-              <div className="absolute top-0 right-0 z-[1]">
+              <div className="absolute right-0 top-0 z-[1]">
                 <Space>
                   <Button disabled={!allowRun} icon={<CaretRightOutlinedIcon />} loading={isRunning} type="primary" onClick={handleRunClick}>
                     {t("workflow.detail.orchestration.action.run")}

ui/src/pages/workflows/WorkflowList.tsx

@@ -122,7 +122,7 @@ const WorkflowList = () => {
           <div style={{ padding: 0 }}>
             <Menu items={items} selectable={false} />
             <Divider style={{ margin: 0 }} />
-            <Space className="justify-end w-full" style={{ padding: themeToken.paddingSM }}>
+            <Space className="w-full justify-end" style={{ padding: themeToken.paddingSM }}>
               <Button size="small" disabled={!filters.state} onClick={handleResetClick}>
                 {t("common.button.reset")}
               </Button>

ui/src/pages/workflows/WorkflowNew.tsx

@@ -73,9 +73,9 @@ const WorkflowNew = () => {
       </Card>
 
       <div className="p-4">
-        <div className="max-w-[960px] mx-auto px-2">
+        <div className="mx-auto max-w-[960px] px-2">
           <Typography.Text type="secondary">
-            <div className="mt-4 mb-8 text-xl">{t("workflow.new.templates.title")}</div>
+            <div className="mb-8 mt-4 text-xl">{t("workflow.new.templates.title")}</div>
           </Typography.Text>
 
           <Row className="justify-stretch" gutter={[16, 16]}>
@@ -86,9 +86,9 @@ const WorkflowNew = () => {
                 hoverable
                 onClick={() => handleTemplateSelect(TEMPLATE_KEY_STANDARD)}
               >
-                <div className="flex items-center gap-4 w-full">
+                <div className="flex w-full items-center gap-4">
                   <Card.Meta
-                    className="flex-grow"
+                    className="grow"
                     title={t("workflow.new.templates.template.standard.title")}
                     description={t("workflow.new.templates.template.standard.description")}
                   />
@@ -103,9 +103,9 @@ const WorkflowNew = () => {
                 hoverable
                 onClick={() => handleTemplateSelect(TEMPLATE_KEY_BLANK)}
               >
-                <div className="flex items-center gap-4 w-full">
+                <div className="flex w-full items-center gap-4">
                   <Card.Meta
-                    className="flex-grow"
+                    className="grow"
                     title={t("workflow.new.templates.template.blank.title")}
                     description={t("workflow.new.templates.template.blank.description")}
                   />