From b67fdeef8c379423e1517af8fdb5afd0ccd4ce73 Mon Sep 17 00:00:00 2001 From: Stan Grams Date: Sat, 28 Feb 2026 01:18:56 +0100 Subject: [PATCH] [feat](trx-frontend-http): offset header blur panel Co-authored-by: OpenAI Codex Signed-off-by: Stan Grams --- .../trx-frontend-http/assets/web/style.css | 13 +++++++++++-- 1 file changed, 11 insertions(+), 2 deletions(-) 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 26d0f95..693a669 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 @@ -388,11 +388,15 @@ small { color: var(--text-muted); } gap: 0.9rem; max-width: min(100%, 46rem); padding: 0.35rem 0.8rem 0.4rem 0.45rem; + margin-left: -0.3rem; + transform: translateY(-2px); border-radius: 0.95rem; background: color-mix(in srgb, var(--card-bg) 56%, transparent); backdrop-filter: blur(12px) saturate(125%); -webkit-backdrop-filter: blur(12px) saturate(125%); - box-shadow: inset 0 1px 0 color-mix(in srgb, #ffffff 10%, transparent); + box-shadow: + 0 8px 20px color-mix(in srgb, #000000 18%, transparent), + inset 0 1px 0 color-mix(in srgb, #ffffff 10%, transparent); } .header-text { width: auto; @@ -682,7 +686,12 @@ button:focus-visible, input:focus-visible, select:focus-visible { .freq-inline { gap: 0.5rem; } .freq-inline { flex-wrap: wrap; } .header-text { width: auto; min-width: 0; flex: 0 1 auto; } - .header-main { max-width: 100%; padding-right: 0.65rem; } + .header-main { + max-width: 100%; + padding-right: 0.65rem; + margin-left: -0.15rem; + transform: translateY(-1px); + } .header-left { justify-content: flex-end; } .tab-bar { flex-wrap: wrap; } .top-bar-actions { width: 100%; justify-content: space-between; }