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

[fix](trx-frontend): remove top bar overlap with waterfall

Browse Source 
Keep the top bar above the waterfall and remove the rounded logo box styling.

Co-authored-by: OpenAI Codex <codex@openai.com>
Signed-off-by: Stan Grams <sjg@haxx.space>
This commit is contained in:
Stan Grams
2026-03-01 10:02:32 +01:00
parent a9aee190d3
commit 52aeb7b694
1 changed files with 9 additions and 4 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
+9 -4
View File
@@ -27,7 +27,7 @@
--wavelength-fg: #8da3be; --wavelength-fg: #8da3be;
--spectrum-bg: #0a0f18; --spectrum-bg: #0a0f18;
--jog-wheel-size: 83.2px; --jog-wheel-size: 83.2px;
--header-waterfall-overlap: 3.8rem; --header-waterfall-overlap: 0rem;
} }
[data-theme="light"] { [data-theme="light"] {
@@ -481,7 +481,7 @@ small { color: var(--text-muted); }
.title { font-size: 1.4rem; font-weight: 700; display: inline-flex; align-items: center; gap: 0.35rem; } .title { font-size: 1.4rem; font-weight: 700; display: inline-flex; align-items: center; gap: 0.35rem; }
.overview-strip { .overview-strip {
width: 100%; width: 100%;
margin: calc(-1 * var(--header-waterfall-overlap)) 0 0.45rem; margin: 0 0 0.45rem;
position: relative; position: relative;
z-index: 4; z-index: 4;
} }
@@ -715,10 +715,15 @@ small { color: var(--text-muted); }
align-items: center; align-items: center;
gap: 0.7rem; gap: 0.7rem;
max-width: min(100%, 24rem); max-width: min(100%, 24rem);
padding: 0.25rem 0.65rem 0.25rem 0.35rem; padding: 0;
margin-left: 0; margin-left: 0;
transform: none; transform: none;
flex-shrink: 0; flex-shrink: 0;
border-radius: 0;
background: transparent;
backdrop-filter: none;
-webkit-backdrop-filter: none;
box-shadow: none;
} }
.tab-bar .header-logo { .tab-bar .header-logo {
height: 2.6rem; height: 2.6rem;
@@ -927,7 +932,7 @@ button:focus-visible, input:focus-visible, select:focus-visible {
.card { padding: 0.7rem 0.7rem 1rem; } .card { padding: 0.7rem 0.7rem 1rem; }
button { min-height: 2.8rem; font-size: 0.95rem; } button { min-height: 2.8rem; font-size: 0.95rem; }
input.status-input, select.status-input { font-size: 1.1rem; } input.status-input, select.status-input { font-size: 1.1rem; }
:root { --header-waterfall-overlap: 2.6rem; } :root { --header-waterfall-overlap: 0rem; }
.controls-tray { width: max(100%, 52rem); padding-left: 0.85rem; padding-right: 0.85rem; } .controls-tray { width: max(100%, 52rem); padding-left: 0.85rem; padding-right: 0.85rem; }
.freq-inline { gap: 0.5rem; } .freq-inline { gap: 0.5rem; }
.freq-inline { flex-wrap: wrap; } .freq-inline { flex-wrap: wrap; }