From 9b73d3f702e3f278dd4900e7c50552cb460bf9d0 Mon Sep 17 00:00:00 2001
From: Archer <545436317@qq.com>
Date: Sun, 8 Jun 2025 19:13:46 +0800
Subject: [PATCH] fix: ui (#4979)

---
 package.json                                  |  8 +++++---
 .../detail/Workflow/components/SaveButton.tsx | 19 +++++++++----------
 projects/app/src/web/styles/chakraui.scss     |  4 ++++
 3 files changed, 18 insertions(+), 13 deletions(-)

diff --git a/package.json b/package.json
index 5cac2d155..df23feec4 100644
--- a/package.json
+++ b/package.json
@@ -38,10 +38,12 @@
   },
   "lint-staged": {
     "./**/**/*.{ts,tsx,scss}": [
-      "npm run format-code",
-      "npm run lint:fix"
+      "pnpm format-code"
     ],
-    "./docSite/**/**/*.md": "npm run format-doc && npm run gen:llms"
+    "./**/**/*.{ts,tsx}": [
+      "pnpm lint:fix"
+    ],
+    "./docSite/**/**/*.md": "pnpm format-doc && pnpm gen:llms"
   },
   "resolutions": {
     "mdast-util-gfm-autolink-literal": "2.0.0"
diff --git a/projects/app/src/pageComponents/app/detail/Workflow/components/SaveButton.tsx b/projects/app/src/pageComponents/app/detail/Workflow/components/SaveButton.tsx
index add09b1cd..8938716b4 100644
--- a/projects/app/src/pageComponents/app/detail/Workflow/components/SaveButton.tsx
+++ b/projects/app/src/pageComponents/app/detail/Workflow/components/SaveButton.tsx
@@ -1,4 +1,4 @@
-import { Box, Button, Flex, useDisclosure } from '@chakra-ui/react';
+import { Box, Button, HStack, useDisclosure } from '@chakra-ui/react';
 import MyPopover from '@fastgpt/web/components/common/MyPopover';
 import React, { useState } from 'react';
 import MyIcon from '@fastgpt/web/components/common/Icon';
@@ -59,9 +59,9 @@ const SaveButton = ({
         <Box p={1.5}>
           <MyBox
             display={'flex'}
-            size={'md'}
-            px={1}
-            py={1.5}
+            alignItems={'center'}
+            gap={2}
+            p={1.5}
             rounded={'4px'}
             _hover={{ color: 'primary.600', bg: 'rgba(17, 24, 36, 0.05)' }}
             cursor={'pointer'}
@@ -78,12 +78,11 @@ const SaveButton = ({
               setIsSave(false);
             }}
           >
-            <MyIcon name={'core/workflow/upload'} w={'16px'} mr={2} />
+            <MyIcon name={'core/workflow/upload'} w={'1rem'} />
             <Box fontSize={'sm'}>{t('common:core.workflow.Save to cloud')}</Box>
           </MyBox>
-          <Flex
-            px={1}
-            py={1.5}
+          <HStack
+            p={1.5}
             rounded={'4px'}
             _hover={{ color: 'primary.600', bg: 'rgba(17, 24, 36, 0.05)' }}
             cursor={'pointer'}
@@ -96,7 +95,7 @@ const SaveButton = ({
               setIsSave(false);
             }}
           >
-            <MyIcon name={'core/workflow/publish'} w={'16px'} mr={2} />
+            <MyIcon name={'core/workflow/publish'} w={'1rem'} />
             <Box fontSize={'sm'}>{t('common:core.workflow.Save and publish')}</Box>
             {isSaveAndPublishModalOpen && (
               <SaveAndPublishModal
@@ -105,7 +104,7 @@ const SaveButton = ({
                 onClickSave={onClickSave}
               />
             )}
-          </Flex>
+          </HStack>
         </Box>
       )}
     </MyPopover>
diff --git a/projects/app/src/web/styles/chakraui.scss b/projects/app/src/web/styles/chakraui.scss
index 1b6597bfd..2b666371f 100644
--- a/projects/app/src/web/styles/chakraui.scss
+++ b/projects/app/src/web/styles/chakraui.scss
@@ -6,3 +6,7 @@ body select {
 .chakra-tooltip {
   font-size: var(--chakra-fontSizes-xs) !important;
 }
+
+.chakra-popover__popper > section {
+  width: auto !important;
+}