finicky9298/quixotic
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

more fixes

Browse Source
This commit is contained in:
Andrey Kondratev
2025-08-29 11:29:28 +05:00
parent b483ed71f2
commit cfe2b459fb
6 changed files with 99 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
public/style.css
View File

@@ -198,9 +198,14 @@ body {
/* Spinner component */
.tg-spinner {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
padding: var(--tg-spacing-xxl);
display: none;
z-index: 10;
}
.tg-spinner.tg-spinner--visible {
@@ -344,47 +349,45 @@ body {
/* Status message */
.tg-status-message {
position: fixed;
top: 80px;
left: 50%;
transform: translateX(-50%);
top: 20px;
left: var(--tg-spacing-lg);
right: var(--tg-spacing-lg);
z-index: 1000;
padding: var(--tg-spacing-md) var(--tg-spacing-lg);
border-radius: var(--tg-border-radius);
font-size: var(--tg-font-size-sm);
font-weight: 500;
animation: tg-slide-in 0.3s ease-out;
animation: tg-slide-down 0.3s ease-out;
display: flex;
align-items: center;
gap: var(--tg-spacing-sm);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
max-width: calc(100vw - 32px);
width: calc(100vw - 64px);
min-width: 300px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25), 0 4px 12px rgba(0, 0, 0, 0.15);
}
.tg-status-message--success {
background: rgba(52, 199, 89, 0.1);
border: 1px solid rgba(52, 199, 89, 0.3);
color: #34c759;
background: #34c759;
border: 1px solid #2aa854;
color: #ffffff;
}
.tg-status-message--error {
background: rgba(255, 59, 48, 0.1);
border: 1px solid rgba(255, 59, 48, 0.3);
color: var(--tg-color-destructive);
background: #ff3b30;
border: 1px solid #d70015;
color: #ffffff;
}
.tg-status-message--info {
background: rgba(0, 122, 255, 0.1);
border: 1px solid rgba(0, 122, 255, 0.3);
color: var(--tg-color-button);
background: #007aff;
border: 1px solid #0056cc;
color: #ffffff;
}
@keyframes tg-slide-in {
@keyframes tg-slide-down {
from {
opacity: 0;
transform: translateY(-10px);
transform: translateY(-20px);
}
to {
opacity: 1;
transform: translateY(0);
@@ -467,4 +470,4 @@ body {
--tg-color-text: var(--tg-theme-text-color, #ffffff);
--tg-color-hint: var(--tg-theme-hint-color, #8e8e93);
}
}
}