mirror/iceshrimp
1
0
Fork 0
mirror of https://iceshrimp.dev/iceshrimp/iceshrimp synced 2024-11-24 23:26:07 +09:00
Code Issues Actions Packages Projects Releases Wiki Activity

tweak ui

Browse Source
This commit is contained in:
syuilo 2022-01-04 18:47:54 +09:00
parent 73a3362b5f
commit 4dbe28d5bf
2 changed files with 22 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
packages/client/src/pages/admin/instance-block.vue
View File

@ -1,39 +1,29 @@
<template> <template>
<FormBase> <MkSpacer :content-max="700" :margin-min="16" :margin-max="32">
<FormSuspense :p="init"> <FormSuspense :p="init">
<FormTextarea v-model="blockedHosts"> <FormTextarea v-model="blockedHosts" class="_formBlock">
<span>{{ $ts.blockedInstances }}</span> <span>{{ $ts.blockedInstances }}</span>
<template #desc>{{ $ts.blockedInstancesDescription }}</template> <template #caption>{{ $ts.blockedInstancesDescription }}</template>
</FormTextarea> </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> </FormSuspense>
</FormBase> </MkSpacer>
</template> </template>
<script lang="ts"> <script lang="ts">
import { defineComponent } from 'vue'; import { defineComponent } from 'vue';
import FormSwitch from '@/components/debobigego/switch.vue'; import FormButton from '@/components/ui/button.vue';
import FormInput from '@/components/debobigego/input.vue'; import FormTextarea from '@/components/form/textarea.vue';
import FormButton from '@/components/debobigego/button.vue'; import FormSuspense from '@/components/form/suspense.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 * as os from '@/os'; import * as os from '@/os';
import * as symbols from '@/symbols'; import * as symbols from '@/symbols';
import { fetchInstance } from '@/instance'; import { fetchInstance } from '@/instance';
export default defineComponent({ export default defineComponent({
components: { components: {
FormSwitch,
FormInput,
FormBase,
FormGroup,
FormButton, FormButton,
FormTextarea, FormTextarea,
FormInfo,
FormSuspense, FormSuspense,
}, },

32
packages/client/src/pages/admin/service-worker.vue
View File

@ -1,36 +1,34 @@
<template> <template>
<FormBase> <MkSpacer :content-max="700" :margin-min="16" :margin-max="32">
<FormSuspense :p="init"> <FormSuspense :p="init">
<FormSwitch v-model="enableServiceWorker"> <FormSwitch v-model="enableServiceWorker" class="_formBlock">
{{ $ts.enableServiceworker }} <template #label>{{ $ts.enableServiceworker }}</template>
<template #desc>{{ $ts.serviceworkerInfo }}</template> <template #caption>{{ $ts.serviceworkerInfo }}</template>
</FormSwitch> </FormSwitch>
<template v-if="enableServiceWorker"> <template v-if="enableServiceWorker">
<FormInput v-model="swPublicKey"> <FormInput v-model="swPublicKey" class="_formBlock">
<template #prefix><i class="fas fa-key"></i></template> <template #prefix><i class="fas fa-key"></i></template>
Public key <template #label>Public key</template>
</FormInput> </FormInput>
<FormInput v-model="swPrivateKey"> <FormInput v-model="swPrivateKey" class="_formBlock">
<template #prefix><i class="fas fa-key"></i></template> <template #prefix><i class="fas fa-key"></i></template>
Private key <template #label>Private key</template>
</FormInput> </FormInput>
</template> </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> </FormSuspense>
</FormBase> </MkSpacer>
</template> </template>
<script lang="ts"> <script lang="ts">
import { defineComponent } from 'vue'; import { defineComponent } from 'vue';
import FormSwitch from '@/components/debobigego/switch.vue'; import FormSwitch from '@/components/form/switch.vue';
import FormInput from '@/components/debobigego/input.vue'; import FormInput from '@/components/form/input.vue';
import FormButton from '@/components/debobigego/button.vue'; import FormButton from '@/components/ui/button.vue';
import FormBase from '@/components/debobigego/base.vue'; import FormSuspense from '@/components/form/suspense.vue';
import FormGroup from '@/components/debobigego/group.vue';
import FormSuspense from '@/components/debobigego/suspense.vue';
import * as os from '@/os'; import * as os from '@/os';
import * as symbols from '@/symbols'; import * as symbols from '@/symbols';
import { fetchInstance } from '@/instance'; import { fetchInstance } from '@/instance';
@ -39,8 +37,6 @@ export default defineComponent({
components: { components: {
FormSwitch, FormSwitch,
FormInput, FormInput,
FormBase,
FormGroup,
FormButton, FormButton,
FormSuspense, FormSuspense,
}, },