sonot
/
PteroTheme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ui: fix spinner z-index (#3520)

This commit is contained in:
Matthew Penner 2021-08-03 20:46:00 -06:00 committed by GitHub
parent 970f281859
commit 1c071b05aa
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
resources/scripts/components/elements/SpinnerOverlay.tsx
View File

@ -14,10 +14,10 @@ const SpinnerOverlay: React.FC<Props> = ({ size, fixed, visible, backgroundOpaci
<Fade timeout={150} in={visible} unmountOnExit> <Fade timeout={150} in={visible} unmountOnExit>
<div <div
css={[ css={[
tw`top-0 left-0 flex items-center justify-center w-full h-full rounded flex-col`, tw`top-0 left-0 flex items-center justify-center w-full h-full rounded flex-col z-40`,
!fixed ? tw`absolute` : tw`fixed`, !fixed ? tw`absolute` : tw`fixed`,
]} ]}
style={{ zIndex: 9999, background: `rgba(0, 0, 0, ${backgroundOpacity || 0.45})` }} style={{ background: `rgba(0, 0, 0, ${backgroundOpacity || 0.45})` }}
> >
<Spinner size={size}/> <Spinner size={size}/>
{children && (typeof children === 'string' ? <p css={tw`mt-4 text-neutral-400`}>{children}</p> : children)} {children && (typeof children === 'string' ? <p css={tw`mt-4 text-neutral-400`}>{children}</p> : children)}