enhance(frontend): tweak ui

This commit is contained in:
syuilo 2023-10-04 20:03:52 +09:00
parent 0dbf5175df
commit 89e4f28d06
5 changed files with 16 additions and 37 deletions

View file

@ -139,21 +139,11 @@ const menuDef = computed(() => [{
text: i18n.ts.roles, text: i18n.ts.roles,
to: '/settings/roles', to: '/settings/roles',
active: currentPage?.route.name === 'roles', active: currentPage?.route.name === 'roles',
}, {
icon: 'ti ti-planet-off',
text: i18n.ts.instanceMute,
to: '/settings/instance-mute',
active: currentPage?.route.name === 'instance-mute',
}, { }, {
icon: 'ti ti-ban', icon: 'ti ti-ban',
text: i18n.ts.muteAndBlock, text: i18n.ts.muteAndBlock,
to: '/settings/mute-block', to: '/settings/mute-block',
active: currentPage?.route.name === 'mute-block', active: currentPage?.route.name === 'mute-block',
}, {
icon: 'ti ti-message-off',
text: i18n.ts.wordMute,
to: '/settings/word-mute',
active: currentPage?.route.name === 'word-mute',
}, { }, {
icon: 'ti ti-api', icon: 'ti ti-api',
text: 'API', text: 'API',

View file

@ -22,7 +22,6 @@ import MkButton from '@/components/MkButton.vue';
import * as os from '@/os.js'; import * as os from '@/os.js';
import { $i } from '@/account.js'; import { $i } from '@/account.js';
import { i18n } from '@/i18n.js'; import { i18n } from '@/i18n.js';
import { definePageMetadata } from '@/scripts/page-metadata.js';
const instanceMutes = ref($i!.mutedInstances.join('\n')); const instanceMutes = ref($i!.mutedInstances.join('\n'));
const changed = ref(false); const changed = ref(false);
@ -46,13 +45,4 @@ async function save() {
watch(instanceMutes, () => { watch(instanceMutes, () => {
changed.value = true; changed.value = true;
}); });
const headerActions = $computed(() => []);
const headerTabs = $computed(() => []);
definePageMetadata({
title: i18n.ts.instanceMute,
icon: 'ti ti-planet-off',
});
</script> </script>

View file

@ -5,6 +5,20 @@ SPDX-License-Identifier: AGPL-3.0-only
<template> <template>
<div class="_gaps_m"> <div class="_gaps_m">
<MkFolder>
<template #icon><i class="ti ti-message-off"></i></template>
<template #label>{{ i18n.ts.wordMute }}</template>
<XWordMute/>
</MkFolder>
<MkFolder>
<template #icon><i class="ti ti-planet-off"></i></template>
<template #label>{{ i18n.ts.instanceMute }}</template>
<XInstanceMute/>
</MkFolder>
<MkFolder> <MkFolder>
<template #icon><i class="ti ti-repeat-off"></i></template> <template #icon><i class="ti ti-repeat-off"></i></template>
<template #label>{{ i18n.ts.mutedUsers }} ({{ i18n.ts.renote }})</template> <template #label>{{ i18n.ts.mutedUsers }} ({{ i18n.ts.renote }})</template>
@ -106,6 +120,8 @@ SPDX-License-Identifier: AGPL-3.0-only
<script lang="ts" setup> <script lang="ts" setup>
import { } from 'vue'; import { } from 'vue';
import XInstanceMute from './mute-block.instance-mute.vue';
import XWordMute from './mute-block.word-mute.vue';
import MkPagination from '@/components/MkPagination.vue'; import MkPagination from '@/components/MkPagination.vue';
import { userPage } from '@/filters/user.js'; import { userPage } from '@/filters/user.js';
import { i18n } from '@/i18n.js'; import { i18n } from '@/i18n.js';

View file

@ -91,13 +91,4 @@ async function save() {
changed.value = false; changed.value = false;
} }
const headerActions = $computed(() => []);
const headerTabs = $computed(() => []);
definePageMetadata({
title: i18n.ts.wordMute,
icon: 'ti ti-message-off',
});
</script> </script>

View file

@ -126,18 +126,10 @@ export const routes = [{
path: '/import-export', path: '/import-export',
name: 'import-export', name: 'import-export',
component: page(() => import('./pages/settings/import-export.vue')), component: page(() => import('./pages/settings/import-export.vue')),
}, {
path: '/instance-mute',
name: 'instance-mute',
component: page(() => import('./pages/settings/instance-mute.vue')),
}, { }, {
path: '/mute-block', path: '/mute-block',
name: 'mute-block', name: 'mute-block',
component: page(() => import('./pages/settings/mute-block.vue')), component: page(() => import('./pages/settings/mute-block.vue')),
}, {
path: '/word-mute',
name: 'word-mute',
component: page(() => import('./pages/settings/word-mute.vue')),
}, { }, {
path: '/api', path: '/api',
name: 'api', name: 'api',