feat(ui): click outside the image in the viewer modal closes it (parity with IR)

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-05-23 21:24:06 -04:00
parent c9ddcd0f60
commit 38a45baad5
3 changed files with 38 additions and 4 deletions
@@ -1,10 +1,11 @@
<template>
<div class="fc-canvas fc-canvas--video">
<div class="fc-canvas fc-canvas--video" @click.self="$emit('close-request')">
<video
v-if="playable" :src="src" controls playsinline preload="metadata"
class="fc-canvas__video"
@click.stop
/>
<div v-else class="fc-canvas__unsupported">
<div v-else class="fc-canvas__unsupported" @click.stop>
<v-icon size="56" icon="mdi-video-off-outline" />
<h3 class="fc-canvas__unsupported-title">Format not browser-playable</h3>
<p>
@@ -23,6 +24,7 @@
<script setup>
import { computed } from 'vue'
defineEmits(['close-request'])
const props = defineProps({ src: String, mime: String })
const BROWSER_PLAYABLE = new Set([