Gleipnir/nidus-sync
2
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity Actions

Add concern page to mailer compliance flow

Browse source
This commit is contained in:
Eli Ribble 2026-04-22 21:22:03 +00:00
parent b5923137a7
commit a8819c907e
No known key found for this signature in database
11 changed files with 206 additions and 124 deletions
Download patch file Download diff file Expand all files Collapse all files

60
ts/rmo/components/ImageViewerModal.vue Normal file
View file

@ -0,0 +1,60 @@
<style scoped>
.modal.show {
background-color: rgba(0, 0, 0, 0.5);
}
img {
min-width: 512px;
min-height: 512px;
}
</style>
<template>
<div
class="modal fade"
:class="{ 'show d-block': show }"
tabindex="-1"
v-show="show"
@click.self="emit('close')"
>
<div class="modal-dialog modal-lg modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Image Viewer</h5>
<button
type="button"
class="btn-close"
@click="emit('close')"
></button>
</div>
<div class="modal-body text-center">
<div v-if="image && show">
<img
:src="image.src"
class="img-fluid rounded"
style="max-height: 60vh"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="modal-backdrop fade show"
v-show="show"
@click="emit('close')"
></div>
</template>
<script setup lang="ts">
interface Emits {
(e: "close"): void;
}
export interface Image {
src: string;
}
interface Props {
image?: Image;
show: boolean;
}
const emit = defineEmits<Emits>();
const props = defineProps<Props>();
</script>