Добавил нормальный лоадер
This commit is contained in:
parent
3c840cf2d0
commit
c46adbf0e1
16 changed files with 154 additions and 65 deletions
27
src/components/ui/Loader/Loader.module.scss
Normal file
27
src/components/ui/Loader/Loader.module.scss
Normal file
|
|
@ -0,0 +1,27 @@
|
|||
.loader-container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 60px;
|
||||
min-height: 60px;
|
||||
height: fit-content;
|
||||
}
|
||||
|
||||
.loader {
|
||||
width: 50%;
|
||||
height: 50%;
|
||||
border: 8px solid #f3f3f3;
|
||||
border-top: 8px solid #3498db;
|
||||
border-radius: 50%;
|
||||
animation: spin 1s linear infinite;
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue