Mirrored_Repos/InvokeAI
1
0
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI synced 2024-08-30 20:32:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add Progress bar under invoke Button

Browse Source 
Find on some screens the progress bar at top of screen gets cut off
This commit is contained in:
mickr777 2023-06-02 14:19:02 +10:00 committed by GitHub
parent d66979073b
commit 8ae1eaaccc
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
invokeai/frontend/web/src/features/parameters/components/ProcessButtons/InvokeButton.tsx
View File

@ -12,6 +12,7 @@ import { useCallback } from 'react';
import { useHotkeys } from 'react-hotkeys-hook'; import { useHotkeys } from 'react-hotkeys-hook';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { FaPlay } from 'react-icons/fa'; import { FaPlay } from 'react-icons/fa';
import ProgressBar from 'features/system/components/ProgressBar';
interface InvokeButton interface InvokeButton
extends Omit<IAIButtonProps | IAIIconButtonProps, 'aria-label'> { extends Omit<IAIButtonProps | IAIIconButtonProps, 'aria-label'> {
@ -43,7 +44,7 @@ export default function InvokeButton(props: InvokeButton) {
); );
return ( return (
<Box style={{ flexGrow: 4 }}> <Box style={{ flexGrow: 4 }} position="relative">
{iconButton ? ( {iconButton ? (
<IAIIconButton <IAIIconButton
aria-label={t('parameters.invoke')} aria-label={t('parameters.invoke')}
@ -75,6 +76,7 @@ export default function InvokeButton(props: InvokeButton) {
Invoke Invoke
</IAIButton> </IAIButton>
)} )}
{!isReady && <ProgressBar />}
</Box> </Box>
); );
} }