source: main/trunk/model-interfaces-dev/atea/ocr/src/components/ModalDialog.vue@ 35751

Last change on this file since 35751 was 35751, checked in by cstephen, 12 months ago

Lazy-load jimp to improve startup time.
Add modal dialog.
Confirm with user before resetting.
npm: Add pdf.js

File size: 947 bytes
Line 
1<template>
2<div class="background-cover">
3 <div class="paper">
4 <span class="heading3">{{ title }}</span>
5 <hr />
6
7 <span>{{ description }}</span>
8
9 <div class="buttons">
10 <button v-for="name in buttons" :key="name" class="btn-primary" @click="$emit('close', name)">{{ name }}</button>
11 </div>
12 </div>
13</div>
14</template>
15
16<style lang="scss" scoped>
17.background-cover {
18 position: absolute;
19 height: 100%;
20 width: 100%;
21
22 display: flex;
23 justify-content: center;
24 align-items: center;
25
26 background-color: #00000033;
27 z-index: 9999;
28}
29
30.buttons {
31 display: flex;
32 justify-content: flex-end;
33 gap: 0.5em;
34 margin-top: 1em;
35}
36
37hr {
38 margin: 0.5em 0;
39 width: 100%;
40}
41</style>
42
43<script>
44export default {
45 name: "ModalDialog",
46 props: {
47 title: String,
48 description: String,
49 buttons: Array
50 },
51 emits: [ "close" ]
52}
53</script>
Note: See TracBrowser for help on using the repository browser.