ChatGPT/FastGPT
1
0
Fork 0
mirror of https://github.com/labring/FastGPT.git synced 2025-07-23 05:12:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: popver ui (#4980)

Browse Source 
* doc

* fix: ui
This commit is contained in:
Archer
2025-06-08 22:55:36 +08:00
committed by GitHub
parent 9b73d3f702
commit 6873af01d4
7 changed files with 121 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files

154
projects/app/src/pageComponents/app/detail/Workflow/components/SaveButton.tsx
View File

@@ -32,82 +32,90 @@ const SaveButton = ({
} = useDisclosure();
return (
<MyPopover
placement={'bottom-end'}
hasArrow={false}
offset={[2, 4]}
w={'116px'}
onOpenFunc={() => setIsSave(true)}
onCloseFunc={() => setIsSave(false)}
trigger={'hover'}
Trigger={
<Button
size={'sm'}
flexShrink={0}
rightIcon={
<MyIcon
name={isSave ? 'core/chat/chevronUp' : 'core/chat/chevronDown'}
w={['14px', '16px']}
/>
}
>
<Box>{t('common:Save')}</Box>
</Button>
}
<Box
flexShrink={0}
sx={{
section: {
width: 'auto'
}
}}
>
{({ onClose }) => (
<Box p={1.5}>
<MyBox
display={'flex'}
alignItems={'center'}
gap={2}
p={1.5}
rounded={'4px'}
_hover={{ color: 'primary.600', bg: 'rgba(17, 24, 36, 0.05)' }}
cursor={'pointer'}
isLoading={isLoading}
onClick={async () => {
await onClickSave({});
toast({
status: 'success',
title: t('app:saved_success'),
position: 'top-right',
isClosable: true
});
onClose();
setIsSave(false);
}}
>
<MyIcon name={'core/workflow/upload'} w={'1rem'} />
<Box fontSize={'sm'}>{t('common:core.workflow.Save to cloud')}</Box>
</MyBox>
<HStack
p={1.5}
rounded={'4px'}
_hover={{ color: 'primary.600', bg: 'rgba(17, 24, 36, 0.05)' }}
cursor={'pointer'}
onClick={() => {
const canOpen = !checkData || checkData();
if (canOpen) {
onSaveAndPublishModalOpen();
}
onClose();
setIsSave(false);
}}
>
<MyIcon name={'core/workflow/publish'} w={'1rem'} />
<Box fontSize={'sm'}>{t('common:core.workflow.Save and publish')}</Box>
{isSaveAndPublishModalOpen && (
<SaveAndPublishModal
isLoading={isLoading}
onClose={onSaveAndPublishModalClose}
onClickSave={onClickSave}
<MyPopover
placement={'bottom-end'}
hasArrow={false}
offset={[2, 4]}
w={'116px'}
onOpenFunc={() => setIsSave(true)}
onCloseFunc={() => setIsSave(false)}
trigger={'hover'}
Trigger={
<Button
size={'sm'}
rightIcon={
<MyIcon
name={isSave ? 'core/chat/chevronUp' : 'core/chat/chevronDown'}
w={['14px', '16px']}
/>
)}
</HStack>
</Box>
}
>
<Box>{t('common:Save')}</Box>
</Button>
}
>
{({ onClose }) => (
<Box p={1.5}>
<MyBox
display={'flex'}
alignItems={'center'}
gap={2}
p={1.5}
rounded={'4px'}
_hover={{ color: 'primary.600', bg: 'rgba(17, 24, 36, 0.05)' }}
cursor={'pointer'}
isLoading={isLoading}
onClick={async () => {
await onClickSave({});
toast({
status: 'success',
title: t('app:saved_success'),
position: 'top-right',
isClosable: true
});
onClose();
setIsSave(false);
}}
>
<MyIcon name={'core/workflow/upload'} w={'1rem'} />
<Box fontSize={'sm'}>{t('common:core.workflow.Save to cloud')}</Box>
</MyBox>
<HStack
p={1.5}
rounded={'4px'}
_hover={{ color: 'primary.600', bg: 'rgba(17, 24, 36, 0.05)' }}
cursor={'pointer'}
onClick={() => {
const canOpen = !checkData || checkData();
if (canOpen) {
onSaveAndPublishModalOpen();
}
onClose();
setIsSave(false);
}}
>
<MyIcon name={'core/workflow/publish'} w={'1rem'} />
<Box fontSize={'sm'}>{t('common:core.workflow.Save and publish')}</Box>
</HStack>
</Box>
)}
</MyPopover>
{isSaveAndPublishModalOpen && (
<SaveAndPublishModal
isLoading={isLoading}
onClose={onSaveAndPublishModalClose}
onClickSave={onClickSave}
/>
)}
</MyPopover>
</Box>
);
};

4
projects/app/src/web/styles/chakraui.scss
View File

@@ -6,7 +6,3 @@ body select {
.chakra-tooltip {
font-size: var(--chakra-fontSizes-xs) !important;
}
.chakra-popover__popper > section {
width: auto !important;
}