diff --git a/src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css b/src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css index a43bd20..3e4adf9 100644 --- a/src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css +++ b/src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css @@ -27,7 +27,7 @@ --wavelength-fg: #8da3be; --spectrum-bg: #0a0f18; --jog-wheel-size: 83.2px; - --header-waterfall-overlap: 3.8rem; + --header-waterfall-overlap: 0rem; } [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; } .overview-strip { width: 100%; - margin: calc(-1 * var(--header-waterfall-overlap)) 0 0.45rem; + margin: 0 0 0.45rem; position: relative; z-index: 4; } @@ -715,10 +715,15 @@ small { color: var(--text-muted); } align-items: center; gap: 0.7rem; max-width: min(100%, 24rem); - padding: 0.25rem 0.65rem 0.25rem 0.35rem; + padding: 0; margin-left: 0; transform: none; flex-shrink: 0; + border-radius: 0; + background: transparent; + backdrop-filter: none; + -webkit-backdrop-filter: none; + box-shadow: none; } .tab-bar .header-logo { height: 2.6rem; @@ -927,7 +932,7 @@ button:focus-visible, input:focus-visible, select:focus-visible { .card { padding: 0.7rem 0.7rem 1rem; } button { min-height: 2.8rem; font-size: 0.95rem; } 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; } .freq-inline { gap: 0.5rem; } .freq-inline { flex-wrap: wrap; }