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 0332ef8d..90f1a2ef 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 @@ -3034,6 +3034,50 @@ button.is-active { .advanced-radio-body { display: grid; gap: var(--space-3); padding: var(--space-3); } .advanced-radio-body > * { margin: 0; } body[data-operator-layout="digital"] .controls-col-wfm { display: none !important; } +body[data-operator-layout="broadcast"] #tx-power-col, +body[data-operator-layout="broadcast"] #tx-meters, +body[data-operator-layout="broadcast"] #tx-limit-row, +body[data-operator-layout="broadcast"] #vfo-row, +body[data-operator-layout="broadcast"] #sam-controls-col, +body[data-operator-layout="broadcast"] .advanced-radio-controls { + display: none !important; +} +body[data-operator-layout="broadcast"] .controls-row { + grid-template-columns: minmax(8rem, 0.65fr) auto minmax(20rem, 2fr); +} +body[data-operator-layout="broadcast"] #wfm-controls-col, +body[data-operator-layout="broadcast"] #audio-row, +body[data-operator-layout="broadcast"] #spectrum-bw-row { + border-color: color-mix(in srgb, var(--accent-green) 42%, var(--border-light)); + background: color-mix(in srgb, var(--accent-green) 7%, transparent); +} +body[data-operator-layout="broadcast"] #wfm-controls-col { + padding: var(--space-2) var(--space-3); + border: 1px solid color-mix(in srgb, var(--accent-green) 42%, var(--border-light)); + border-radius: var(--radius-md); +} +body[data-operator-layout="broadcast"] #audio-row { + padding: var(--space-3); + border: 1px solid color-mix(in srgb, var(--accent-green) 42%, var(--border-light)); + border-radius: var(--radius-md); +} +body[data-operator-layout="broadcast"] #spectrum-bw-row { + padding: var(--space-2); + border: 1px solid color-mix(in srgb, var(--accent-green) 42%, var(--border-light)); + border-radius: var(--radius-sm); +} +body[data-operator-layout="broadcast"] #ais-bar-overlay, +body[data-operator-layout="broadcast"] #vdes-bar-overlay, +body[data-operator-layout="broadcast"] #ft8-bar-overlay, +body[data-operator-layout="broadcast"] #aprs-bar-overlay, +body[data-operator-layout="broadcast"] #hf-aprs-bar-overlay, +body[data-operator-layout="broadcast"] #cw-bar-overlay { + display: none !important; +} +@media (max-width: 760px) { + body[data-operator-layout="broadcast"] .controls-row { grid-template-columns: 1fr auto; } + body[data-operator-layout="broadcast"] #wfm-controls-col { grid-column: 1 / -1; } +} .mobile-more-btn, .mobile-more-menu, .decoder-tab-select { display: none; } .mobile-more-menu { position: fixed;