Update InvokeButton.tsx

This commit is contained in:
mickr777 2023-07-02 15:07:01 +10:00 committed by GitHub
parent 45a551125d
commit a6334750cb
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -46,21 +46,6 @@ export default function InvokeButton(props: InvokeButton) {
return ( return (
<Box style={{ flexGrow: 4 }} position="relative"> <Box style={{ flexGrow: 4 }} position="relative">
<Box style={{ position: 'relative' }}> <Box style={{ position: 'relative' }}>
{!isReady && (
<Box
style={{
position: 'absolute',
bottom: '0',
left: '0',
right: '0',
height: '100%',
overflow: 'clip',
borderRadius: 4,
}}
>
<ProgressBar />
</Box>
)}
{iconButton ? ( {iconButton ? (
<IAIIconButton <IAIIconButton
aria-label={t('parameters.invoke')} aria-label={t('parameters.invoke')}
@ -92,6 +77,20 @@ export default function InvokeButton(props: InvokeButton) {
Invoke Invoke
</IAIButton> </IAIButton>
)} )}
{!isReady && (
<Box
style={{
position: 'absolute',
bottom: '0',
left: '0',
right: '0',
height: '15%',
overflow: 'clip',
}}
>
<ProgressBar />
</Box>
)}
</Box> </Box>
</Box> </Box>
); );