tweak ui
This commit is contained in:
		
							parent
							
								
									0ea5b38fb1
								
							
						
					
					
						commit
						813f63663c
					
				
					 2 changed files with 22 additions and 36 deletions
				
			
		|  | @ -1,39 +1,29 @@ | |||
| <template> | ||||
| <FormBase> | ||||
| <MkSpacer :content-max="700" :margin-min="16" :margin-max="32"> | ||||
| 	<FormSuspense :p="init"> | ||||
| 		<FormTextarea v-model="blockedHosts"> | ||||
| 		<FormTextarea v-model="blockedHosts" class="_formBlock"> | ||||
| 			<span>{{ $ts.blockedInstances }}</span> | ||||
| 			<template #desc>{{ $ts.blockedInstancesDescription }}</template> | ||||
| 			<template #caption>{{ $ts.blockedInstancesDescription }}</template> | ||||
| 		</FormTextarea> | ||||
| 
 | ||||
| 		<FormButton primary @click="save"><i class="fas fa-save"></i> {{ $ts.save }}</FormButton> | ||||
| 		<FormButton primary class="_formBlock" @click="save"><i class="fas fa-save"></i> {{ $ts.save }}</FormButton> | ||||
| 	</FormSuspense> | ||||
| </FormBase> | ||||
| </MkSpacer> | ||||
| </template> | ||||
| 
 | ||||
| <script lang="ts"> | ||||
| import { defineComponent } from 'vue'; | ||||
| import FormSwitch from '@/components/debobigego/switch.vue'; | ||||
| import FormInput from '@/components/debobigego/input.vue'; | ||||
| import FormButton from '@/components/debobigego/button.vue'; | ||||
| import FormBase from '@/components/debobigego/base.vue'; | ||||
| import FormGroup from '@/components/debobigego/group.vue'; | ||||
| import FormTextarea from '@/components/debobigego/textarea.vue'; | ||||
| import FormInfo from '@/components/debobigego/info.vue'; | ||||
| import FormSuspense from '@/components/debobigego/suspense.vue'; | ||||
| import FormButton from '@/components/ui/button.vue'; | ||||
| import FormTextarea from '@/components/form/textarea.vue'; | ||||
| import FormSuspense from '@/components/form/suspense.vue'; | ||||
| import * as os from '@/os'; | ||||
| import * as symbols from '@/symbols'; | ||||
| import { fetchInstance } from '@/instance'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
| 		FormSwitch, | ||||
| 		FormInput, | ||||
| 		FormBase, | ||||
| 		FormGroup, | ||||
| 		FormButton, | ||||
| 		FormTextarea, | ||||
| 		FormInfo, | ||||
| 		FormSuspense, | ||||
| 	}, | ||||
| 
 | ||||
|  |  | |||
|  | @ -1,36 +1,34 @@ | |||
| <template> | ||||
| <FormBase> | ||||
| <MkSpacer :content-max="700" :margin-min="16" :margin-max="32"> | ||||
| 	<FormSuspense :p="init"> | ||||
| 		<FormSwitch v-model="enableServiceWorker"> | ||||
| 			{{ $ts.enableServiceworker }} | ||||
| 			<template #desc>{{ $ts.serviceworkerInfo }}</template> | ||||
| 		<FormSwitch v-model="enableServiceWorker" class="_formBlock"> | ||||
| 			<template #label>{{ $ts.enableServiceworker }}</template> | ||||
| 			<template #caption>{{ $ts.serviceworkerInfo }}</template> | ||||
| 		</FormSwitch> | ||||
| 
 | ||||
| 		<template v-if="enableServiceWorker"> | ||||
| 			<FormInput v-model="swPublicKey"> | ||||
| 			<FormInput v-model="swPublicKey" class="_formBlock"> | ||||
| 				<template #prefix><i class="fas fa-key"></i></template> | ||||
| 				Public key | ||||
| 				<template #label>Public key</template> | ||||
| 			</FormInput> | ||||
| 
 | ||||
| 			<FormInput v-model="swPrivateKey"> | ||||
| 			<FormInput v-model="swPrivateKey" class="_formBlock"> | ||||
| 				<template #prefix><i class="fas fa-key"></i></template> | ||||
| 				Private key | ||||
| 				<template #label>Private key</template> | ||||
| 			</FormInput> | ||||
| 		</template> | ||||
| 
 | ||||
| 		<FormButton primary @click="save"><i class="fas fa-save"></i> {{ $ts.save }}</FormButton> | ||||
| 		<FormButton primary class="_formBlock" @click="save"><i class="fas fa-save"></i> {{ $ts.save }}</FormButton> | ||||
| 	</FormSuspense> | ||||
| </FormBase> | ||||
| </MkSpacer> | ||||
| </template> | ||||
| 
 | ||||
| <script lang="ts"> | ||||
| import { defineComponent } from 'vue'; | ||||
| import FormSwitch from '@/components/debobigego/switch.vue'; | ||||
| import FormInput from '@/components/debobigego/input.vue'; | ||||
| import FormButton from '@/components/debobigego/button.vue'; | ||||
| import FormBase from '@/components/debobigego/base.vue'; | ||||
| import FormGroup from '@/components/debobigego/group.vue'; | ||||
| import FormSuspense from '@/components/debobigego/suspense.vue'; | ||||
| import FormSwitch from '@/components/form/switch.vue'; | ||||
| import FormInput from '@/components/form/input.vue'; | ||||
| import FormButton from '@/components/ui/button.vue'; | ||||
| import FormSuspense from '@/components/form/suspense.vue'; | ||||
| import * as os from '@/os'; | ||||
| import * as symbols from '@/symbols'; | ||||
| import { fetchInstance } from '@/instance'; | ||||
|  | @ -39,8 +37,6 @@ export default defineComponent({ | |||
| 	components: { | ||||
| 		FormSwitch, | ||||
| 		FormInput, | ||||
| 		FormBase, | ||||
| 		FormGroup, | ||||
| 		FormButton, | ||||
| 		FormSuspense, | ||||
| 	}, | ||||
|  |  | |||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue