Add shareable profile link to settings and sidebar

This commit is contained in:
Jonathan Sykes
2026-08-15 06:58:43 +00:00
parent 70460232f0
commit b2154bd9c4
3 changed files with 178 additions and 5 deletions

View File

@@ -206,6 +206,28 @@ body::after {
}
.sidebar-footer { border-top: 1px solid var(--line-soft); padding-top: 12px; margin-top: auto; flex-shrink: 0; }
/* Linked online profile — share/copy the full URL that opens this profile */
.sb-profile {
display: flex; flex-direction: column; gap: 8px;
padding: 10px; margin-bottom: 8px;
border: 1px solid var(--line-soft); border-radius: var(--radius-sm);
background: var(--bg-2);
}
.sb-profile-id { display: flex; align-items: center; gap: 8px; min-width: 0; }
.sb-profile-mark { flex-shrink: 0; font-size: 13px; }
.sb-profile-name {
font-family: var(--mono); font-size: 12px; color: var(--text);
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.sb-profile-actions { display: flex; gap: 6px; }
.sb-profile-btn {
flex: 1; padding: 6px 8px; font-size: 11px; cursor: pointer;
color: var(--text-2); background: var(--bg-1);
border: 1px solid var(--line-soft); border-radius: var(--radius-sm);
transition: background 0.16s, color 0.16s, border-color 0.16s;
}
.sb-profile-btn:hover { background: var(--accent); border-color: var(--accent); color: #fff; }
.switch {
display: flex; align-items: center; gap: 10px;
color: var(--text-2); cursor: pointer; padding: 8px 10px;