explewd/waste-go
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 5 Wiki Activity

ui: clean up self entry in peer list

Browse Source 
Replace bold duplicate-looking self row with dimmed name + small accent
"you" badge. Removes the ID (already shown in identity section at top).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Fredrik Johansson
2026-06-25 19:48:28 +02:00
parent 1d38766006
commit 076f9641c2
2 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/App.css
View File

@@ -64,6 +64,8 @@ details summary { color: var(--muted); font-size: 12px; cursor: pointer; }
.sidebar-peers { gap: 0; } .sidebar-peers { gap: 0; }
.peer-dot { width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0; } .peer-dot { width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0; }
.peer-row { display: flex; align-items: center; gap: 6px; padding: 4px 12px; } .peer-row { display: flex; align-items: center; gap: 6px; padding: 4px 12px; }
.peer-row-self { opacity: 0.7; }
.peer-row-you { font-size: 10px; color: var(--accent); text-transform: uppercase; letter-spacing: 0.06em; margin-left: 2px; flex-shrink: 0; }
.peer-row:hover { background: rgba(255,255,255,0.04); } .peer-row:hover { background: rgba(255,255,255,0.04); }
.peer-row:hover .peer-row-actions { opacity: 1; } .peer-row:hover .peer-row-actions { opacity: 1; }
.peer-row-alias { font-size: 13px; font-weight: 500; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .peer-row-alias { font-size: 13px; font-weight: 500; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

4
web/src/components/Sidebar.tsx
View File

@@ -92,8 +92,8 @@ export function Sidebar() {
{/* Self */} {/* Self */}
<div className="peer-row peer-row-self"> <div className="peer-row peer-row-self">
<span className="peer-dot" style={{ background: 'var(--accent)' }} /> <span className="peer-dot" style={{ background: 'var(--accent)' }} />
<span className="peer-row-alias" style={{ fontWeight: 700 }}>{displayAlias || '…'}</span> <span className="peer-row-alias">{displayAlias || '…'}</span>
<span className="peer-row-id">{displayId.slice(0, 8)}</span> <span className="peer-row-you">you</span>
</div> </div>
{connectedPeers.length === 0 && ( {connectedPeers.length === 0 && (