Fix welcome dashboard jitter and refine Morse mode UI

Fix "What's New" section shifting up/down on smaller screens (#157) by
isolating the logo pulse animation to its own compositing layer, stabilizing
the scrollbar gutter, and pinning the welcome container dimensions.

Morse mode improvements: relocate scope and decoded output panels to the
main content area, use shared SDR device controls, and reduce panel heights
for better layout.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Smittix
2026-02-25 23:26:47 +00:00
parent 8a46293e5c
commit dc7c05b03f
5 changed files with 97 additions and 58 deletions

View File

@@ -11,7 +11,7 @@
.morse-scope-container canvas {
width: 100%;
height: 120px;
height: 80px;
display: block;
border-radius: 4px;
}
@@ -21,8 +21,8 @@
background: var(--bg-primary);
border: 1px solid var(--border-color);
border-radius: 6px;
padding: 16px;
min-height: 200px;
padding: 12px;
min-height: 120px;
max-height: 400px;
overflow-y: auto;
font-family: var(--font-mono);
@@ -30,7 +30,6 @@
line-height: 1.6;
color: var(--text-primary);
word-wrap: break-word;
flex: 1;
}
.morse-decoded-panel:empty::before {
@@ -112,14 +111,6 @@
gap: 4px;
}
/* Visuals container layout */
#morseVisuals {
flex-direction: column;
gap: 12px;
padding: 16px;
height: 100%;
}
/* Word space styling */
.morse-word-space {
display: inline;