trafficlunar/blockmatic
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: loading indicator backdrop not working on chrome

Browse source
This commit is contained in:
trafficlunar 2025-02-21 16:28:37 +00:00
parent cdab60161f
commit 123067330c
1 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/context/Loading.tsx
View file

@ -18,8 +18,10 @@ export const LoadingProvider = ({ children }: Props) => {
return ( return (
<LoadingContext.Provider value={{ loading, setLoading }}> <LoadingContext.Provider value={{ loading, setLoading }}>
{loading && ( {loading && (
<div className="absolute w-full h-full z-[9999] backdrop-brightness-50 flex justify-center items-center gap-4"> <div className="absolute w-full h-full cursor-wait flex justify-center items-center">
<LoadingIndicator fill="white" className="w-16 h-16" /> {/* Keep loading indicator outside of div with backdrop-filter due to Chrome */}
<LoadingIndicator fill="white" className="w-16 h-16 z-[10000]" />
<div className="absolute w-full h-full z-[9999] backdrop-brightness-50 flex justify-center items-center gap-4"></div>
</div> </div>
)} )}
{children} {children}