mirror of
https://github.com/FJurmanovic/wallet-web.git
synced 2026-02-06 06:08:10 +00:00
implemented loaders
This commit is contained in:
27
src/styles/app-loader/app-loader.scss
Normal file
27
src/styles/app-loader/app-loader.scss
Normal file
@@ -0,0 +1,27 @@
|
||||
.loader {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 5px;
|
||||
width: 0;
|
||||
background-color: $blue-09;
|
||||
z-index: 2000;
|
||||
&.--loading {
|
||||
animation: animateBar 5s linear;
|
||||
}
|
||||
|
||||
&.--removing {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.progress .progress-bar {
|
||||
}
|
||||
@keyframes animateBar {
|
||||
0% {
|
||||
width: 0;
|
||||
}
|
||||
100% {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
1
src/styles/app-loader/index.scss
Normal file
1
src/styles/app-loader/index.scss
Normal file
@@ -0,0 +1 @@
|
||||
@import "./app-loader.scss";
|
||||
@@ -4,3 +4,4 @@
|
||||
@import "./sidebar/index.scss";
|
||||
@import "./modal/index.scss";
|
||||
@import "./table/index.scss";
|
||||
@import "./app-loader/index.scss";
|
||||
|
||||
Reference in New Issue
Block a user