diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/renderer/src/components/Message.tsx | 20 |
1 files changed, 19 insertions, 1 deletions
diff --git a/src/renderer/src/components/Message.tsx b/src/renderer/src/components/Message.tsx index d46bdd5..f823f29 100644 --- a/src/renderer/src/components/Message.tsx +++ b/src/renderer/src/components/Message.tsx @@ -271,7 +271,25 @@ const Message: React.FC<MessageProps> = ({ message, channelNickname }) => { maxHeight: '300px', borderRadius: '6px', marginTop: '8px', - display: 'block' + display: 'block', + cursor: 'pointer' + }} + onClick={() => { + const fullscreenImg = document.createElement('img') + fullscreenImg.src = attachment.proxy_url || attachment.url + fullscreenImg.style.cssText = ` + position: fixed; + top: 0; + left: 0; + width: 100vw; + height: 100vh; + object-fit: contain; + background: rgba(0, 0, 0, 0.9); + z-index: 9999; + cursor: pointer; + ` + fullscreenImg.onclick = () => document.body.removeChild(fullscreenImg) + document.body.appendChild(fullscreenImg) }} onError={(e) => { console.error('Attachment image failed to load:', attachment.filename) |