faster smaller
This commit is contained in:
@@ -203,25 +203,29 @@ body {
|
||||
padding: var(--tg-spacing-xxl);
|
||||
display: none;
|
||||
z-index: 10;
|
||||
opacity: 0;
|
||||
transition: opacity 0.15s ease-in;
|
||||
}
|
||||
|
||||
.tg-spinner.tg-spinner--visible {
|
||||
display: block;
|
||||
animation: tg-fade-in 0.15s ease-in forwards;
|
||||
}
|
||||
|
||||
.tg-spinner__icon {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
border: 2px solid var(--tg-color-secondary-bg);
|
||||
border-top: 2px solid var(--tg-color-button);
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
border: 3px solid var(--tg-color-secondary-bg);
|
||||
border-top: 3px solid var(--tg-color-button);
|
||||
border-radius: 50%;
|
||||
margin: 0 auto var(--tg-spacing-lg);
|
||||
animation: tg-spin 1s linear infinite;
|
||||
animation: tg-spin 0.8s cubic-bezier(0.4, 0, 0.2, 1) infinite;
|
||||
}
|
||||
|
||||
.tg-spinner__text {
|
||||
font-size: var(--tg-font-size-sm);
|
||||
color: var(--tg-color-hint);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
@keyframes tg-spin {
|
||||
@@ -229,6 +233,17 @@ body {
|
||||
100% { transform: rotate(360deg); }
|
||||
}
|
||||
|
||||
@keyframes tg-fade-in {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translate(-50%, -45%);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
}
|
||||
|
||||
/* List component */
|
||||
.tg-list {
|
||||
display: none;
|
||||
|
||||
Reference in New Issue
Block a user