diff --git a/packages/client/src/components/form-dialog.vue b/packages/client/src/components/form-dialog.vue index 11459f5937..345001c431 100644 --- a/packages/client/src/components/form-dialog.vue +++ b/packages/client/src/components/form-dialog.vue @@ -1,5 +1,6 @@ <template> -<XModalWindow ref="dialog" +<XModalWindow + ref="dialog" :width="450" :can-close="false" :with-ok-button="true" @@ -37,7 +38,7 @@ <option v-for="item in form[item].enum" :key="item.value" :value="item.value">{{ item.label }}</option> </FormSelect> <FormRadios v-else-if="form[item].type === 'radio'" v-model="values[item]" class="_formBlock"> - <template #caption><span v-text="form[item].label || item"></span><span v-if="form[item].required === false"> ({{ $ts.optional }})</span></template> + <template #label><span v-text="form[item].label || item"></span><span v-if="form[item].required === false"> ({{ $ts.optional }})</span></template> <option v-for="item in form[item].options" :key="item.value" :value="item.value">{{ item.label }}</option> </FormRadios> <FormRange v-else-if="form[item].type === 'range'" v-model="values[item]" :min="form[item].mim" :max="form[item].max" :step="form[item].step" :text-converter="form[item].textConverter" class="_formBlock"> @@ -55,7 +56,6 @@ <script lang="ts"> import { defineComponent } from 'vue'; -import XModalWindow from '@/components/ui/modal-window.vue'; import FormInput from './form/input.vue'; import FormTextarea from './form/textarea.vue'; import FormSwitch from './form/switch.vue'; @@ -63,6 +63,7 @@ import FormSelect from './form/select.vue'; import FormRange from './form/range.vue'; import MkButton from './ui/button.vue'; import FormRadios from './form/radios.vue'; +import XModalWindow from '@/components/ui/modal-window.vue'; export default defineComponent({ components: { @@ -91,7 +92,7 @@ export default defineComponent({ data() { return { - values: {} + values: {}, }; }, @@ -104,18 +105,18 @@ export default defineComponent({ methods: { ok() { this.$emit('done', { - result: this.values + result: this.values, }); this.$refs.dialog.close(); }, cancel() { this.$emit('done', { - canceled: true + canceled: true, }); this.$refs.dialog.close(); - } - } + }, + }, }); </script> diff --git a/packages/client/src/components/modal-page-window.vue b/packages/client/src/components/modal-page-window.vue index a810bd2144..2fed0d35e8 100644 --- a/packages/client/src/components/modal-page-window.vue +++ b/packages/client/src/components/modal-page-window.vue @@ -143,7 +143,6 @@ function onContextmenu(ev: MouseEvent) { background: var(--windowHeader); -webkit-backdrop-filter: var(--blur, blur(15px)); backdrop-filter: var(--blur, blur(15px)); - box-shadow: 0px 1px var(--divider); > button { height: $height; diff --git a/packages/client/src/components/ui/modal-window.vue b/packages/client/src/components/ui/modal-window.vue index bf9be971fc..b7faea736b 100644 --- a/packages/client/src/components/ui/modal-window.vue +++ b/packages/client/src/components/ui/modal-window.vue @@ -105,7 +105,6 @@ defineExpose({ background: var(--windowHeader); -webkit-backdrop-filter: var(--blur, blur(15px)); backdrop-filter: var(--blur, blur(15px)); - box-shadow: 0px 1px var(--divider); > button { height: $height;