muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-24 20:36:40 +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

4
.env.development
View file

@ -1,3 +1,3 @@
#REACT_APP_API_HOST=http://localhost:3334/
REACT_APP_API_HOST=https://pig.vault48.org/
REACT_APP_REMOTE_CURRENT=https://pig.vault48.org/static/
REACT_APP_API_HOST=https://pig.staging.vault48.org/
REACT_APP_REMOTE_CURRENT=https://pig.staging.vault48.org/static/

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;
}

1
src/layouts/BorisLayout/index.tsx
View file

@ -29,6 +29,7 @@ import { SidebarRouter } from '~/containers/main/SidebarRouter';
import { BorisContactItem } from '~/components/boris/BorisContactItem';
import { BorisContacts } from '~/components/boris/BorisContacts';
import { BorisSidebar } from '~/components/boris/BorisSidebar';
import { LoaderCircle } from '~/components/input/LoaderCircle';
type IProps = {};