feat(xo6/lite): updated the modal so it can be closed using the X or by clicking outside it (#10137)

This commit is contained in:
Joris K
2026-07-23 09:06:19 +02:00
committed by GitHub
parent de9687e2c0
commit d2667ac64b
11 changed files with 11 additions and 10 deletions

View File

@@ -3,6 +3,7 @@
:accent="isJsonValid ? 'info' : 'danger'"
class="json-editor-modal"
icon="fa:code"
dismissible
@confirm="handleSubmit()"
>
<template #content>

View File

@@ -1,5 +1,5 @@
<template>
<VtsModal accent="info" icon="object:vm">
<VtsModal accent="info" icon="object:vm" dismissible>
<template #title>
{{ t('action:export-n-vms-manually', { n: labelWithUrl.length }) }}
</template>

View File

@@ -1,5 +1,5 @@
<template>
<VtsModal accent="info" icon="object:vm" @confirm="emit('confirm', compressionType)">
<VtsModal accent="info" icon="object:vm" dismissible @confirm="emit('confirm', compressionType)">
<template #title>
{{ t('action:export-n-vms', { n: count }) }}
</template>

View File

@@ -1,5 +1,5 @@
<template>
<VtsModal accent="info" @confirm="emit('confirm', selectedHost)">
<VtsModal accent="info" dismissible @confirm="emit('confirm', selectedHost)">
<template #title>
{{ t('action:migrate-n-vms', { n: count }) }}
</template>

View File

@@ -1,5 +1,5 @@
<template>
<VtsModal :accent icon="status:info-picto">
<VtsModal :accent icon="status:info-picto" dismissible>
<template #title>
<span>{{ modalTexts.title }}</span>
</template>

View File

@@ -1,5 +1,5 @@
<template>
<VtsModal accent="danger" icon="status:danger-picto">
<VtsModal accent="danger" icon="status:danger-picto" dismissible>
<template #title>
<span>{{ modalTexts.title }}</span>
</template>

View File

@@ -1,5 +1,5 @@
<template>
<VtsModal accent="warning" icon="status:warning-picto">
<VtsModal accent="warning" icon="status:warning-picto" dismissible>
<template #title>
<I18nT keypath="confirm-delete" scope="global" tag="div">
<span class="n-delete">

View File

@@ -1,5 +1,5 @@
<template>
<VtsModal accent="info" icon="status:info-picto">
<VtsModal accent="info" icon="status:info-picto" dismissible>
<template #title>
{{ connection.title }}
</template>

View File

@@ -1,5 +1,5 @@
<template>
<VtsModal accent="warning" icon="status:warning-picto" @confirm="emit('confirm', snapshotBefore)">
<VtsModal accent="warning" icon="status:warning-picto" dismissible @confirm="emit('confirm', snapshotBefore)">
<template #title>
{{ t('confirm-vm-revert') }}
</template>

View File

@@ -1,5 +1,5 @@
<template>
<VtsModal accent="info" icon="status:info-picto">
<VtsModal accent="info" icon="status:info-picto" dismissible>
<template #title>
{{ connection.title }}
</template>

View File

@@ -1,5 +1,5 @@
<template>
<VtsModal accent="info" icon="status:info-picto">
<VtsModal accent="info" icon="status:info-picto" dismissible>
<template #title>
{{ t('vdi-detach-title', { n: count }) }}
</template>