diff --git a/client/src/components/message-bubble.riot b/client/src/components/message-bubble.riot index 2692045..70a899b 100644 --- a/client/src/components/message-bubble.riot +++ b/client/src/components/message-bubble.riot @@ -23,6 +23,7 @@
{props.message?.sender_name} {formatTime(props.message?.created_at)} + {props.message.hash.slice(0, 7)}
@@ -152,6 +153,20 @@ color: var(--text-muted); } + .message-hash { + font-family: var(--font-mono, 'SF Mono', 'Fira Code', monospace); + font-size: 10px; + color: var(--text-muted); + opacity: 0.5; + cursor: default; + user-select: all; + transition: opacity var(--transition-fast); + } + + .message-hash:hover { + opacity: 1; + } + .message-content { padding: var(--space-sm) var(--space-md); border-radius: var(--radius-lg);