mirror of
https://github.com/dec0dOS/zero-ui.git
synced 2025-07-05 20:41:43 -07:00
32 lines
727 B
JavaScript
32 lines
727 B
JavaScript
// Loading.styles.jsx
|
|
import { makeStyles } from "@material-ui/core/styles";
|
|
|
|
const useStyles = makeStyles({
|
|
root: {
|
|
display: "flex",
|
|
flexDirection: "column",
|
|
justifyContent: "center",
|
|
alignItems: "center",
|
|
height: "100vh",
|
|
},
|
|
loadingText: {
|
|
marginTop: "16px",
|
|
position: "relative",
|
|
"& .loadingDots::after": {
|
|
content: '"."',
|
|
position: "absolute",
|
|
left: "100%",
|
|
marginLeft: "4px",
|
|
animation: "$loadingDots 1s infinite",
|
|
},
|
|
},
|
|
"@keyframes loadingDots": {
|
|
"0%": { content: '"."' },
|
|
"25%": { content: '".."' },
|
|
"50%": { content: '"..."' },
|
|
"75%": { content: '"...."' },
|
|
"100%": { content: '"."' },
|
|
},
|
|
});
|
|
|
|
export default useStyles;
|