chore(client): tweak style
This commit is contained in:
		| @@ -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> | ||||
|  | ||||
|   | ||||
| @@ -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; | ||||
|   | ||||
| @@ -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; | ||||
|   | ||||
		Reference in New Issue
	
	Block a user
	 syuilo
					syuilo