mirror of
https://github.com/Elvanos/fantasia-archive.git
synced 2024-06-02 02:14:47 +12:00
69 lines
1.4 KiB
Vue
69 lines
1.4 KiB
Vue
<template>
|
|
|
|
<q-dialog
|
|
v-model="dialogModel"
|
|
@before-hide="triggerDialogClose"
|
|
>
|
|
<q-card
|
|
class="changeLogDialog"
|
|
dark
|
|
>
|
|
<q-card-section>
|
|
<div class="flex justify-center">
|
|
<q-scroll-area
|
|
class="q-mx-xl q-my-lg"
|
|
visible
|
|
dark
|
|
:thumb-style="thumbStyle"
|
|
style="max-height: calc(100vh - 235px); height: 800px; width: 100%;">
|
|
<q-markdown no-heading-anchor-links>
|
|
{{$t('documents.changeLog')}}
|
|
</q-markdown>
|
|
</q-scroll-area>
|
|
</div>
|
|
</q-card-section>
|
|
|
|
<q-card-actions align="around" class="q-mb-lg">
|
|
<q-btn flat label="Close" color="accent" v-close-popup />
|
|
</q-card-actions>
|
|
</q-card>
|
|
</q-dialog>
|
|
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
|
|
import { Component, Watch } from "vue-property-decorator"
|
|
|
|
import DialogBase from "src/components/dialogs/_DialogBase"
|
|
@Component({
|
|
components: { }
|
|
})
|
|
export default class ChangeLog extends DialogBase {
|
|
/**
|
|
* React to dialog opening request
|
|
*/
|
|
@Watch("dialogTrigger")
|
|
openDialog (val: string|false) {
|
|
if (val) {
|
|
if (this.SGET_getDialogsState) {
|
|
return
|
|
}
|
|
this.SSET_setDialogState(true)
|
|
this.dialogModel = true
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.changeLogDialog {
|
|
width: 1000px;
|
|
max-width: calc(100vw - 100px) !important;
|
|
|
|
h6 {
|
|
display: block;
|
|
}
|
|
}
|
|
</style>
|