mirror of
https://github.com/Elvanos/fantasia-archive.git
synced 2024-10-01 01:27:17 +13:00
74 lines
1.5 KiB
Vue
74 lines
1.5 KiB
Vue
|
<template>
|
||
|
|
||
|
<q-dialog
|
||
|
v-model="dialogModel"
|
||
|
@hide="triggerDialogClose"
|
||
|
>
|
||
|
<q-card
|
||
|
class="licenseDialog"
|
||
|
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.license')}}
|
||
|
</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 {
|
||
|
@Watch("dialogTrigger")
|
||
|
openDialog (val: string|false) {
|
||
|
if (val) {
|
||
|
if (this.SGET_getDialogsState) {
|
||
|
return
|
||
|
}
|
||
|
this.SSET_setDialogState(true)
|
||
|
this.dialogModel = true
|
||
|
}
|
||
|
}
|
||
|
|
||
|
thumbStyle ={
|
||
|
right: "-40px",
|
||
|
borderRadius: "5px",
|
||
|
backgroundColor: "#61a2bd",
|
||
|
width: "5px",
|
||
|
opacity: 1
|
||
|
}
|
||
|
}
|
||
|
</script>
|
||
|
|
||
|
<style lang="scss">
|
||
|
.licenseDialog {
|
||
|
width: 680px;
|
||
|
max-width: calc(100vw - 100px) !important;
|
||
|
|
||
|
h6 {
|
||
|
display: block;
|
||
|
}
|
||
|
}
|
||
|
</style>
|