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

[style](trx-frontend-http): align APRS bar border-radius with UI standard

Browse Source 
Replace 999px pill radii with 6px (overlay), 4px (clear btn, pin),
3px (clear icon) — matching the standard button radius used throughout
the rest of the UI.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Signed-off-by: Stan Grams <sjg@haxx.space>
This commit is contained in:
Stan Grams
2026-03-01 15:12:53 +01:00
parent b6848c0c8e
commit 436e1d8e23
1 changed files with 4 additions and 4 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
+4 -4
View File
@@ -633,7 +633,7 @@ small { color: var(--text-muted); }
color: var(--text-heading); color: var(--text-heading);
padding: 0.22rem 0.55rem 0.24rem; padding: 0.22rem 0.55rem 0.24rem;
border: 1px solid color-mix(in srgb, var(--border-light) 72%, transparent); border: 1px solid color-mix(in srgb, var(--border-light) 72%, transparent);
border-radius: 999px; border-radius: 6px;
background: color-mix(in srgb, var(--card-bg) 68%, transparent); background: color-mix(in srgb, var(--card-bg) 68%, transparent);
backdrop-filter: blur(16px) saturate(130%); backdrop-filter: blur(16px) saturate(130%);
-webkit-backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%);
@@ -679,7 +679,7 @@ small { color: var(--text-muted); }
gap: 0.24rem; gap: 0.24rem;
background: color-mix(in srgb, var(--btn-bg) 84%, transparent); background: color-mix(in srgb, var(--btn-bg) 84%, transparent);
border: 1px solid color-mix(in srgb, var(--border-light) 46%, transparent); border: 1px solid color-mix(in srgb, var(--border-light) 46%, transparent);
border-radius: 999px; border-radius: 4px;
padding: 0.05rem 0.38rem 0.06rem; padding: 0.05rem 0.38rem 0.06rem;
line-height: 1.2; line-height: 1.2;
font-family: inherit; font-family: inherit;
@@ -705,7 +705,7 @@ small { color: var(--text-muted); }
justify-content: center; justify-content: center;
width: 1.1em; width: 1.1em;
height: 1.1em; height: 1.1em;
border-radius: 999px; border-radius: 3px;
background: color-mix(in srgb, var(--accent-red) 14%, transparent); background: color-mix(in srgb, var(--accent-red) 14%, transparent);
color: color-mix(in srgb, var(--accent-red) 65%, var(--text-muted)); color: color-mix(in srgb, var(--accent-red) 65%, var(--text-muted));
font-size: 1em; font-size: 1em;
@@ -734,7 +734,7 @@ small { color: var(--text-muted); }
justify-content: center; justify-content: center;
background: color-mix(in srgb, var(--btn-bg) 74%, transparent); background: color-mix(in srgb, var(--btn-bg) 74%, transparent);
border: 1px solid color-mix(in srgb, var(--border-light) 28%, transparent); border: 1px solid color-mix(in srgb, var(--border-light) 28%, transparent);
border-radius: 999px; border-radius: 4px;
padding: 0; padding: 0;
margin-right: 0.28em; margin-right: 0.28em;
width: 1.55em; width: 1.55em;