loading-cover

This commit is contained in:
tangly1024.com
2023-03-10 17:22:27 +08:00
parent 9cb9aed1dc
commit 7c0907fff8

View File

@@ -7,7 +7,7 @@ import { useGlobal } from '@/lib/global'
*/
export const Cover = (props) => {
const { onLoading } = useGlobal()
return <div id='cover-loading' className={`${onLoading ? 'z-50 opacity-50 ' : '-z-10 opacity-0 pointer-events-none'} transition-all duration-200 bg-black fixed top-0 left-0 h-screen w-screen `}>
return <div id='cover-loading' className={`${onLoading ? 'z-50 opacity-20' : '-z-10 opacity-0'} pointer-events-none transition-all duration-300 bg-black fixed top-0 left-0 h-screen w-screen `}>
<div className='w-screen h-screen flex justify-center items-center'>
<i className="fa-solid fa-spinner text-2xl text-white animate-spin"> </i>
</div>