From c67c3b0360432419bdaa0e5745acea5d0b3792eb Mon Sep 17 00:00:00 2001
From: syuilo <Syuilotan@yahoo.co.jp>
Date: Fri, 1 Jul 2022 16:43:38 +0900
Subject: [PATCH] chore(client): tweak style
---
packages/client/src/components/form-dialog.vue | 17 +++++++++--------
.../client/src/components/modal-page-window.vue | 1 -
.../client/src/components/ui/modal-window.vue | 1 -
3 files changed, 9 insertions(+), 10 deletions(-)
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;