ui: Replace Copy Key button with clickable key

- Remove separate "Copy Key" button
- Make public key prefix clickable to copy
- Add fallback for HTTP contexts (execCommand)
- Add hover and copied state styling

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
MarekWo
2026-01-23 20:16:12 +01:00
parent 51c05f7794
commit bbc8b1db25
2 changed files with 76 additions and 27 deletions
+18
View File
@@ -73,6 +73,24 @@
margin-bottom: 0.75rem;
}
.contact-key.clickable-key {
cursor: pointer;
transition: color 0.15s, background-color 0.15s;
padding: 0.15rem 0.3rem;
margin-left: -0.3rem;
border-radius: 0.25rem;
}
.contact-key.clickable-key:hover {
color: #0d6efd;
background-color: #e7f1ff;
}
.contact-key.clickable-key.copied {
color: #198754;
background-color: #d1e7dd;
}
.empty-state {
text-align: center;
padding: 1.5rem 1rem;