8 lines
423 B
HTML
8 lines
423 B
HTML
<img
|
|
id="media"
|
|
@click="maximized = !maximized"
|
|
@keyup.enter="maximized = !maximized"
|
|
tabindex="0"
|
|
src="/files/{{ post.media }}"
|
|
:style="maximized ? { width: width + 'px', height: height + 'px', 'aspect-ratio': width + ' / ' + height, cursor: 'zoom-out' } : { width: '100%', height: '100%', 'max-width': width + 'px', 'max-height': height + 'px', 'aspect-ratio': width + ' / ' + height, cursor: 'zoom-in' }"
|
|
/>
|