feat(auth): add copy-to-clipboard for device codes in login instructions

Extract device codes from OAuth login instructions and render them with a copy button so users don't need to manually select and copy.
This commit is contained in:
gsxdsm
2026-04-26 11:44:33 -07:00
parent 845fed1d50
commit dd63ecec91
4 changed files with 117 additions and 15 deletions

View File

@@ -617,6 +617,45 @@
line-height: 1.5;
white-space: pre-wrap;
}
.device-code-wrapper {
display: inline-flex;
align-items: center;
gap: var(--space-xs);
margin: 0 2px;
}
.device-code {
font-family: var(--font-mono);
font-size: 13px;
font-weight: 600;
padding: 2px 6px;
background: var(--card);
border: 1px solid var(--border);
border-radius: var(--radius-sm);
color: var(--text);
}
.device-code-copy-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
padding: 0;
background: var(--card);
border: 1px solid var(--border);
border-radius: var(--radius-sm);
color: var(--text-muted);
cursor: pointer;
transition: color var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast);
}
.device-code-copy-btn:hover {
color: var(--text);
background: var(--card-hover);
border-color: var(--text-muted);
}
.auth-apikey-section {
display: flex;
flex-direction: column;