faster smaller

This commit is contained in:
Andrey Kondratev
2025-11-09 18:48:57 +05:00
parent ca27a2b3f0
commit 6db48b16a7
11 changed files with 470 additions and 76 deletions

View File

@@ -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;