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

[feat](trx-frontend-http): offset header blur panel

Browse Source 
Co-authored-by: OpenAI Codex <codex@openai.com>
Signed-off-by: Stan Grams <sjg@haxx.space>
This commit is contained in:
Stan Grams
2026-02-28 01:18:56 +01:00
parent 01485f3cd4
commit b67fdeef8c
1 changed files with 11 additions and 2 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
+11 -2
View File
@@ -388,11 +388,15 @@ small { color: var(--text-muted); }
gap: 0.9rem; gap: 0.9rem;
max-width: min(100%, 46rem); max-width: min(100%, 46rem);
padding: 0.35rem 0.8rem 0.4rem 0.45rem; padding: 0.35rem 0.8rem 0.4rem 0.45rem;
margin-left: -0.3rem;
transform: translateY(-2px);
border-radius: 0.95rem; border-radius: 0.95rem;
background: color-mix(in srgb, var(--card-bg) 56%, transparent); background: color-mix(in srgb, var(--card-bg) 56%, transparent);
backdrop-filter: blur(12px) saturate(125%); backdrop-filter: blur(12px) saturate(125%);
-webkit-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 { .header-text {
width: auto; width: auto;
@@ -682,7 +686,12 @@ button:focus-visible, input:focus-visible, select:focus-visible {
.freq-inline { gap: 0.5rem; } .freq-inline { gap: 0.5rem; }
.freq-inline { flex-wrap: wrap; } .freq-inline { flex-wrap: wrap; }
.header-text { width: auto; min-width: 0; flex: 0 1 auto; } .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; } .header-left { justify-content: flex-end; }
.tab-bar { flex-wrap: wrap; } .tab-bar { flex-wrap: wrap; }
.top-bar-actions { width: 100%; justify-content: space-between; } .top-bar-actions { width: 100%; justify-content: space-between; }