sjg/trx-rs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[fix](trx-rs): frost main view on trx-server disconnect

Browse Source 
Nudge state watch when server_connected goes false so SSE delivers the change. Frontend applies a desaturated frost + banner instead of a blocking overlay, keeping the last-known state visible.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Signed-off-by: Stan Grams <sjg@haxx.space>
This commit is contained in:
Stan Grams
2026-03-26 20:28:56 +01:00
parent c8de54d85e
commit caa7603489
4 changed files with 41 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css
+33
View File
@@ -1431,6 +1431,39 @@ small { color: var(--text-muted); }
position: fixed;
border-radius: 0;
}
#server-lost-banner {
display: none;
align-items: center;
justify-content: center;
gap: 0.5rem;
padding: 0.45rem 0.75rem;
background: color-mix(in srgb, var(--accent-red) 18%, var(--card-bg));
border: 1px solid color-mix(in srgb, var(--accent-red) 40%, var(--border));
border-radius: 0.4rem;
color: var(--accent-red);
font-size: 0.82rem;
font-weight: 600;
margin-bottom: 0.5rem;
}
#server-lost-banner .banner-dot {
width: 7px; height: 7px; border-radius: 50%;
background: var(--accent-red);
animation: banner-pulse 1.5s ease-in-out infinite;
}
@keyframes banner-pulse {
0%, 100% { opacity: 1; }
50% { opacity: 0.3; }
}
#tab-main.server-disconnected #content {
pointer-events: none;
filter: saturate(0.3) brightness(0.7);
opacity: 0.55;
transition: filter 0.4s ease, opacity 0.4s ease;
}
#tab-main.server-disconnected #server-lost-banner { display: flex; }
#tab-main:not(.server-disconnected) #content {
transition: filter 0.3s ease, opacity 0.3s ease;
}
.decode-history-overlay-card {
min-width: min(26rem, calc(100vw - 2.4rem));
max-width: min(30rem, calc(100vw - 2.4rem));