Last change
on this file since 35751 was 35751, checked in by cstephen, 2 years 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 |
|
---|
37 | hr {
|
---|
38 | margin: 0.5em 0;
|
---|
39 | width: 100%;
|
---|
40 | }
|
---|
41 | </style>
|
---|
42 |
|
---|
43 | <script>
|
---|
44 | export 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.