many many fixes

This commit is contained in:
2026-10-26 10:06:30 -04:00
parent 79e15cb8c3
commit f1a13a3065
25 changed files with 642 additions and 9964 deletions

View File

@@ -845,3 +845,86 @@
.btn-primary-modal:hover {
transform: translateY(-1px);
}
/* ==========================================================================
UPDATE BANNER & VERSION LABEL
========================================================================== */
.update-banner {
position: fixed;
left: 50%;
bottom: calc(16px + env(safe-area-inset-bottom, 0px));
transform: translate(-50%, 24px);
opacity: 0;
z-index: 1100;
width: min(440px, calc(100vw - 24px));
display: flex;
align-items: center;
gap: 10px;
padding: 10px 10px 10px 16px;
background: var(--bg-glass);
backdrop-filter: blur(16px) saturate(1.4);
-webkit-backdrop-filter: blur(16px) saturate(1.4);
border: 1px solid var(--border-color);
border-radius: var(--radius-lg);
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.22);
transition: transform 0.3s var(--ease-spring), opacity 0.25s ease;
}
.update-banner.visible {
transform: translate(-50%, 0);
opacity: 1;
}
.update-banner-text {
flex: 1;
display: flex;
flex-direction: column;
min-width: 0;
font-size: 0.86rem;
color: var(--text-primary);
}
.update-banner-text span {
font-size: 0.76rem;
color: var(--text-secondary);
font-variant-numeric: tabular-nums;
}
.update-banner-reload {
height: 36px;
padding: 0 16px;
border-radius: var(--radius-full);
background: var(--accent-submit-gradient);
color: #ffffff;
font-weight: 700;
font-size: 0.86rem;
box-shadow: 0 4px 12px var(--accent-submit-glow);
transition: transform var(--transition-fast);
}
.update-banner-reload:hover {
transform: translateY(-1px);
}
.update-banner-dismiss {
width: 30px;
height: 30px;
border-radius: var(--radius-full);
color: var(--text-secondary);
font-size: 0.8rem;
transition: background var(--transition-fast);
}
.update-banner-dismiss:hover {
background: var(--bg-tertiary);
}
.app-version-label {
text-align: center;
font-size: 0.72rem;
color: var(--text-secondary);
opacity: 0.7;
font-variant-numeric: tabular-nums;
letter-spacing: 0.02em;
}