fix toolbar main's loading bar's transition component

This commit is contained in:
wil committed 2024-09-23 14:54:39 -04:00
1 parent 570a48e176
commit b8fc69d7fb
1 file changed
+14 -11
+14 -11
View File
@@ -57,17 +57,20 @@ export const SignaledToolbarMain = ({
};
return (
<div className="relative col-span-12 col-start-1 row-span-1 row-start-12">
<div className="absolute left-0 right-0 mx-auto w-96 -translate-y-full items-end pb-4">
<Transition show={loadingBar.isShowing}>
<LoadingBar
progress={loadingBar.progress}
message={loadingBar.message}
status={loadingBar.status}
onRetry={handleOnClickRetry}
colReverse
/>
</Transition>
</div>
<Transition
as="div"
className="absolute left-0 right-0 mx-auto w-96 -translate-y-full items-end pb-4"
show={loadingBar.isShowing}
>
<LoadingBar
progress={loadingBar.progress}
message={loadingBar.message}
status={loadingBar.status}
onRetry={handleOnClickRetry}
colReverse
/>
</Transition>
<ToolbarMain
disabled={toolbarMain.signal.value.disabled}
buttonProps={buttonProps}