feat(sites): Added squircle loader
This commit is contained in:
parent
39cfbbf8ff
commit
d7442b9bc4
4 changed files with 117 additions and 5 deletions
22
sites/shared/components/loader.js
Normal file
22
sites/shared/components/loader.js
Normal file
|
@ -0,0 +1,22 @@
|
|||
import Spinner from 'shared/components/spinner'
|
||||
|
||||
const Loader = ({}) => (
|
||||
<div
|
||||
className={`
|
||||
fixed top-0 left-0 right-0 w-screen h-screen
|
||||
hover:cursor-pointer flex flex-col justify-center
|
||||
`}
|
||||
>
|
||||
<div
|
||||
className="m-auto lightbox bg-neutral bg-opacity-20 p-2 mask mask-squircle"
|
||||
style={{
|
||||
maxHeight: 'calc(100vh - 6rem)',
|
||||
maxWidth: 'calc(100vw - 6rem)',
|
||||
}}
|
||||
>
|
||||
<Spinner className="w-36 h-36" />
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
|
||||
export default Loader
|
Loading…
Add table
Add a link
Reference in a new issue