m33/FoundKey
1
0
Fork 0
forked from FoundKeyGang/FoundKey
Code Issues Pull requests Projects Releases Packages Wiki Activity

tweak ui

Browse source
This commit is contained in:
syuilo 2022-01-04 17:58:53 +09:00
parent 8233f86181
commit 87c429b5bd
2 changed files with 16 additions and 37 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
packages/client/src/pages/settings/custom-css.vue
View file

@ -1,25 +1,18 @@
<template> <template>
<FormBase> <div class="_formRoot">
<FormInfo warn>{{ $ts.customCssWarn }}</FormInfo> <FormInfo warn class="_formBlock">{{ $ts.customCssWarn }}</FormInfo>
<FormTextarea v-model="localCustomCss" manual-save tall class="_monospace" style="tab-size: 2;"> <FormTextarea v-model="localCustomCss" manual-save tall class="_monospace _formBlock" style="tab-size: 2;">
<span>{{ $ts.local }}</span> <template #label>CSS</template>
</FormTextarea> </FormTextarea>
</FormBase> </div>
</template> </template>
<script lang="ts"> <script lang="ts">
import { defineComponent } from 'vue'; import { defineComponent } from 'vue';
import FormTextarea from '@/components/form/textarea.vue'; import FormTextarea from '@/components/form/textarea.vue';
import FormSelect from '@/components/form/select.vue'; import FormInfo from '@/components/ui/info.vue';
import FormRadios from '@/components/form/radios.vue';
import FormBase from '@/components/debobigego/base.vue';
import FormGroup from '@/components/debobigego/group.vue';
import FormLink from '@/components/debobigego/link.vue';
import FormButton from '@/components/debobigego/button.vue';
import FormInfo from '@/components/debobigego/info.vue';
import * as os from '@/os'; import * as os from '@/os';
import { ColdDeviceStorage } from '@/store';
import { unisonReload } from '@/scripts/unison-reload'; import { unisonReload } from '@/scripts/unison-reload';
import * as symbols from '@/symbols'; import * as symbols from '@/symbols';
import { defaultStore } from '@/store'; import { defaultStore } from '@/store';
@ -27,12 +20,6 @@ import { defaultStore } from '@/store';
export default defineComponent({ export default defineComponent({
components: { components: {
FormTextarea, FormTextarea,
FormSelect,
FormRadios,
FormBase,
FormGroup,
FormLink,
FormButton,
FormInfo, FormInfo,
}, },

28
packages/client/src/pages/settings/mute-block.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<FormBase> <div class="_formRoot">
<MkTab v-model="tab" style="margin-bottom: var(--margin);"> <MkTab v-model="tab" style="margin-bottom: var(--margin);">
<option value="mute">{{ $ts.mutedUsers }}</option> <option value="mute">{{ $ts.mutedUsers }}</option>
<option value="block">{{ $ts.blockedUsers }}</option> <option value="block">{{ $ts.blockedUsers }}</option>
@ -8,11 +8,9 @@
<MkPagination :pagination="mutingPagination" class="muting"> <MkPagination :pagination="mutingPagination" class="muting">
<template #empty><FormInfo>{{ $ts.noUsers }}</FormInfo></template> <template #empty><FormInfo>{{ $ts.noUsers }}</FormInfo></template>
<template v-slot="{items}"> <template v-slot="{items}">
<FormGroup> <FormLink v-for="mute in items" :key="mute.id" :to="userPage(mute.mutee)">
<FormLink v-for="mute in items" :key="mute.id" :to="userPage(mute.mutee)"> <MkAcct :user="mute.mutee"/>
<MkAcct :user="mute.mutee"/> </FormLink>
</FormLink>
</FormGroup>
</template> </template>
</MkPagination> </MkPagination>
</div> </div>
@ -20,25 +18,21 @@
<MkPagination :pagination="blockingPagination" class="blocking"> <MkPagination :pagination="blockingPagination" class="blocking">
<template #empty><FormInfo>{{ $ts.noUsers }}</FormInfo></template> <template #empty><FormInfo>{{ $ts.noUsers }}</FormInfo></template>
<template v-slot="{items}"> <template v-slot="{items}">
<FormGroup> <FormLink v-for="block in items" :key="block.id" :to="userPage(block.blockee)">
<FormLink v-for="block in items" :key="block.id" :to="userPage(block.blockee)"> <MkAcct :user="block.blockee"/>
<MkAcct :user="block.blockee"/> </FormLink>
</FormLink>
</FormGroup>
</template> </template>
</MkPagination> </MkPagination>
</div> </div>
</FormBase> </div>
</template> </template>
<script lang="ts"> <script lang="ts">
import { defineComponent } from 'vue'; import { defineComponent } from 'vue';
import MkPagination from '@/components/ui/pagination.vue'; import MkPagination from '@/components/ui/pagination.vue';
import MkTab from '@/components/tab.vue'; import MkTab from '@/components/tab.vue';
import FormInfo from '@/components/debobigego/info.vue'; import FormInfo from '@/components/ui/info.vue';
import FormLink from '@/components/debobigego/link.vue'; import FormLink from '@/components/form/link.vue';
import FormBase from '@/components/debobigego/base.vue';
import FormGroup from '@/components/debobigego/group.vue';
import { userPage } from '@/filters/user'; import { userPage } from '@/filters/user';
import * as os from '@/os'; import * as os from '@/os';
import * as symbols from '@/symbols'; import * as symbols from '@/symbols';
@ -48,8 +42,6 @@ export default defineComponent({
MkPagination, MkPagination,
MkTab, MkTab,
FormInfo, FormInfo,
FormBase,
FormGroup,
FormLink, FormLink,
}, },