[style](trx-frontend-http): use card overlay for map loading indicator

Replace the plain centered text with the same overlay card style used
by the connection-lost screen (decode-history-overlay + content-overlay).
Toggle visibility via the is-hidden class for a smooth fade transition.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Signed-off-by: Stan Grams <sjg@haxx.space>
This commit is contained in:
2026-04-04 15:34:10 +02:00
parent aadfa90a60
commit 71650c0e70
3 changed files with 10 additions and 13 deletions
@@ -1703,15 +1703,7 @@ small { color: var(--text-muted); }
min-height: 0;
gap: 0.85rem;
}
.map-loading-msg {
display: flex;
align-items: center;
justify-content: center;
height: 60vh;
font-size: 1.1rem;
color: var(--text-secondary);
opacity: 0.8;
}
/* map-loading uses the shared .decode-history-overlay .content-overlay classes */
#map-stage {
position: relative;
flex: 0 1 auto;