Files
NotionNext/components/LoadingCover.js
2023-06-04 21:37:45 +08:00

16 lines
540 B
JavaScript

/**
* 加载主题文件时的全局遮罩
* @returns
*/
const LoadingCover = (props) => {
const { onReading } = props
return <>
<div className={`${onReading ? 'opacity-90' : 'opacity-0'} transition-all fixed top-0 left-0 pointer-events-none duration-1000 z-50 shadow-inner w-screen h-screen flex justify-center items-center bg-gray-600 dark:bg-black text-white shadow-text`}>
<h1 className="text-2xl"><i className='mr-5 fas fa-spinner animate-spin' /></h1>
</div>
</>
}
export default LoadingCover