Update loading + Combine 2 api call in paging + Add dynamic font size for gauge chart
This commit is contained in:
BIN
assets/images/loading.png
Normal file
BIN
assets/images/loading.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 1.5 KiB |
@ -1,18 +1,27 @@
|
||||
.loading {
|
||||
z-index: 99;
|
||||
.loading-container {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
transform: translate(-50%, -50%);
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
z-index: 9999;
|
||||
background-color: rgba(0, 0, 0, 0.4);
|
||||
//box-shadow: rgba(68, 67, 67, 0.9) 0 0 0 9999px;
|
||||
}
|
||||
|
||||
.v-spinner {
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
.loading-img {
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
animation: spin 3s linear infinite;
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
::v-deep {
|
||||
|
Reference in New Issue
Block a user