muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 12:56:41 +07:00
Code Packages Activity Actions

made new styled loader circle

Browse source
This commit is contained in:
Fedor Katurov 2021-10-12 15:24:26 +07:00
parent 94c656fe0f
commit bcd1094575
5 changed files with 75 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/input/LoaderCircle/styles.module.scss
View file

@ -21,6 +21,6 @@
}
.wrap {
animation: spin infinite 1s linear;
//animation: spin infinite 1s linear;
display: inline-flex;
}

43
src/components/input/LoaderCircleInner/index.tsx
View file

File diff suppressed because one or more lines are too long

31
src/components/input/LoaderCircleInner/styles.module.scss
View file

@ -1,5 +1,36 @@
@import "~/styles/variables";
@keyframes spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.icon {
fill: currentColor;
stroke: none;
}
.e0 {
animation: spin infinite linear 2s;
transform-origin: 50% 50%;
opacity: 0.1;
}
.e1 {
animation: spin infinite reverse 2s -0.25s;
transform-origin: 50% 50%;
opacity: 0.1;
}
.e2 {
animation: spin infinite linear 2s -0.25s;
transform-origin: 50% 50%;
opacity: 0.1;
}
.e {
opacity: 0.1;
}