[feat](trx-frontend-http): refine header controls and overlays
Co-authored-by: OpenAI Codex <codex@openai.com> Signed-off-by: Stan Grams <sjg@haxx.space>
This commit is contained in:
@@ -377,26 +377,28 @@ button:disabled { opacity: 0.6; cursor: not-allowed; }
|
||||
}
|
||||
small { color: var(--text-muted); }
|
||||
.header {
|
||||
display: grid;
|
||||
grid-template-columns: auto minmax(0, 1fr);
|
||||
align-items: center;
|
||||
column-gap: 1rem;
|
||||
margin-bottom: 0;
|
||||
padding: 0.25rem 0 0.15rem;
|
||||
position: relative;
|
||||
z-index: 3;
|
||||
}
|
||||
.header-text {
|
||||
width: auto;
|
||||
min-width: 0;
|
||||
flex: 1 1 auto;
|
||||
padding: 0.35rem 0.65rem 0.4rem;
|
||||
border-radius: 0.8rem;
|
||||
.header-main {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 0.9rem;
|
||||
max-width: min(100%, 46rem);
|
||||
padding: 0.35rem 0.8rem 0.4rem 0.45rem;
|
||||
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);
|
||||
}
|
||||
.header-text {
|
||||
width: auto;
|
||||
min-width: 0;
|
||||
flex: 0 1 auto;
|
||||
}
|
||||
.title { font-size: 1.4rem; font-weight: 700; display: inline-flex; align-items: center; gap: 0.35rem; }
|
||||
.overview-strip {
|
||||
width: 100%;
|
||||
@@ -680,6 +682,7 @@ 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-left { justify-content: flex-end; }
|
||||
.tab-bar { flex-wrap: wrap; }
|
||||
.top-bar-actions { width: 100%; justify-content: space-between; }
|
||||
|
||||
Reference in New Issue
Block a user