mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
31 lines
619 B
JavaScript
31 lines
619 B
JavaScript
|
import React from 'react'
|
||
|
|
|
||
|
|
const Loader = () => (
|
||
|
|
<div className='loader'>
|
||
|
|
<style jsx>{`
|
||
|
|
.loader {
|
||
|
|
border: 8px solid #f3f3f3; /* Light grey */
|
||
|
|
border-top: 8px solid #3498db; /* Blue */
|
||
|
|
border-radius: 50%;
|
||
|
|
width: 40px;
|
||
|
|
height: 40px;
|
||
|
|
animation: spin 2s linear infinite;
|
||
|
|
margin-left: auto;
|
||
|
|
margin-right: auto;
|
||
|
|
margin-top: 40px;
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes spin {
|
||
|
|
0% {
|
||
|
|
transform: rotate(0deg);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
transform: rotate(360deg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
`}</style>
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
|
||
|
|
export default Loader
|