mirror of
https://github.com/Ravinou/borgwarehouse
synced 2024-05-05 07:13:15 +02:00
51 lines
1 KiB
CSS
51 lines
1 KiB
CSS
.container {
|
|
display: flex;
|
|
width: 90%;
|
|
justify-content: center;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.loadingButtonContainer {
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin: 20px auto;
|
|
width: 90%;
|
|
justify-content: center;
|
|
}
|
|
|
|
.buttonIsLoading {
|
|
height: 62px;
|
|
width: 211px;
|
|
margin: auto;
|
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
|
|
background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
|
|
border-radius: 5px;
|
|
background-size: 200% 100%;
|
|
animation: 1.5s shine linear infinite;
|
|
}
|
|
|
|
.loadingRepoContainer {
|
|
display: flex;
|
|
justify-content: center;
|
|
flex-direction: column;
|
|
width: 100%;
|
|
margin: auto;
|
|
}
|
|
|
|
.repoIsLoading {
|
|
width: 100%;
|
|
height: 65px;
|
|
margin: 20px auto;
|
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
|
|
background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
|
|
border-radius: 5px;
|
|
background-size: 200% 100%;
|
|
animation: 1.5s shine linear infinite;
|
|
}
|
|
|
|
@keyframes shine {
|
|
to {
|
|
background-position-x: -200%;
|
|
}
|
|
}
|