Mizah/Sharkey
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

replaced a bunch of ti-*

Browse source
This commit is contained in:
dakkar 2024-06-22 13:34:55 +01:00
parent fc00c7401e
commit df26b6501d
104 changed files with 267 additions and 213 deletions
Download patch file Download diff file Expand all files Collapse all files

2
packages/frontend/src/pages/settings/apps.vue
View file

@ -77,7 +77,7 @@ const headerTabs = computed(() => []);
definePageMetadata(() => ({
title: i18n.ts.installedApps,
icon: 'ph-plug ph-bold ph-lg',
icon: 'ti ti-plug',
}));
</script>

4
packages/frontend/src/pages/settings/email.vue
View file

@ -8,7 +8,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<FormSection first>
<template #label>{{ i18n.ts.emailAddress }}</template>
<MkInput v-model="emailAddress" type="email" manualSave>
<template #prefix><i class="ph-envelope ph-bold ph-lg"></i></template>
<template #prefix><i class="ti ti-mail"></i></template>
<template v-if="$i.email && !$i.emailVerified" #caption>{{ i18n.ts.verificationEmailSent }}</template>
<template v-else-if="emailAddress === $i.email && $i.emailVerified" #caption><i class="ti ti-check" style="color: var(--success);"></i> {{ i18n.ts.emailVerified }}</template>
</MkInput>
@ -115,6 +115,6 @@ const headerTabs = computed(() => []);
definePageMetadata(() => ({
title: i18n.ts.email,
icon: 'ph-envelope ph-bold ph-lg',
icon: 'ti ti-mail',
}));
</script>

2
packages/frontend/src/pages/settings/import-export.vue
View file

@ -116,7 +116,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</div>
</FormSection>
<FormSection>
<template #label><i class="ph-flying-saucer ph-bold ph-lg"></i> {{ i18n.ts.antennas }}</template>
<template #label><i class="ti ti-antenna"></i> {{ i18n.ts.antennas }}</template>
<div class="_gaps_s">
<MkFolder>
<template #label>{{ i18n.ts.export }}</template>

14
packages/frontend/src/pages/settings/index.vue
View file

@ -62,7 +62,7 @@ const ro = new ResizeObserver((entries, observer) => {
const menuDef = computed(() => [{
title: i18n.ts.basicSettings,
items: [{
icon: 'ph-user ph-bold ph-lg',
icon: 'ti ti-user',
text: i18n.ts.profile,
to: '/settings/profile',
active: currentPage.value?.route.name === 'profile',
@ -87,7 +87,7 @@ const menuDef = computed(() => [{
to: '/settings/notifications',
active: currentPage.value?.route.name === 'notifications',
}, {
icon: 'ph-envelope ph-bold ph-lg',
icon: 'ti ti-mail',
text: i18n.ts.email,
to: '/settings/email',
active: currentPage.value?.route.name === 'email',
@ -105,12 +105,12 @@ const menuDef = computed(() => [{
to: '/settings/general',
active: currentPage.value?.route.name === 'general',
}, {
icon: 'ph-palette ph-bold ph-lg',
icon: 'ti ti-palette',
text: i18n.ts.theme,
to: '/settings/theme',
active: currentPage.value?.route.name === 'theme',
}, {
icon: 'ph-list ph-bold ph-lg-2',
icon: 'ti ti-menu-2',
text: i18n.ts.navbar,
to: '/settings/navbar',
active: currentPage.value?.route.name === 'navbar',
@ -125,7 +125,7 @@ const menuDef = computed(() => [{
to: '/settings/sounds',
active: currentPage.value?.route.name === 'sounds',
}, {
icon: 'ph-plug ph-bold ph-lg',
icon: 'ti ti-plug',
text: i18n.ts.plugins,
to: '/settings/plugin',
active: currentPage.value?.route.name === 'plugin',
@ -133,12 +133,12 @@ const menuDef = computed(() => [{
}, {
title: i18n.ts.otherSettings,
items: [{
icon: 'ph-seal-check ph-bold ph-lg',
icon: 'ti ti-badges',
text: i18n.ts.roles,
to: '/settings/roles',
active: currentPage.value?.route.name === 'roles',
}, {
icon: 'ph-prohibit ph-bold ph-lg',
icon: 'ti ti-ban',
text: i18n.ts.muteAndBlock,
to: '/settings/mute-block',
active: currentPage.value?.route.name === 'mute-block',

4
packages/frontend/src/pages/settings/mute-block.vue
View file

@ -91,7 +91,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</MkFolder>
<MkFolder>
<template #icon><i class="ph-prohibit ph-bold ph-lg"></i></template>
<template #icon><i class="ti ti-ban"></i></template>
<template #label>{{ i18n.ts.blockedUsers }}</template>
<MkPagination :pagination="blockingPagination">
@ -231,7 +231,7 @@ const headerTabs = computed(() => []);
definePageMetadata(() => ({
title: i18n.ts.muteAndBlock,
icon: 'ph-prohibit ph-bold ph-lg',
icon: 'ti ti-ban',
}));
</script>

4
packages/frontend/src/pages/settings/navbar.vue
View file

@ -21,7 +21,7 @@ SPDX-License-Identifier: AGPL-3.0-only
v-if="element.type === '-' || navbarItemDef[element.type]"
:class="$style.item"
>
<button class="_button" :class="$style.itemHandle"><i class="ph-list ph-bold ph-lg"></i></button>
<button class="_button" :class="$style.itemHandle"><i class="ti ti-menu"></i></button>
<i class="ti-fw" :class="[$style.itemIcon, navbarItemDef[element.type]?.icon]"></i><span :class="$style.itemText">{{ navbarItemDef[element.type]?.title ?? i18n.ts.divider }}</span>
<button class="_button" :class="$style.itemRemove" @click="removeItem(index)"><i class="ti ti-x"></i></button>
</div>
@ -120,7 +120,7 @@ const headerTabs = computed(() => []);
definePageMetadata(() => ({
title: i18n.ts.navbar,
icon: 'ph-list ph-bold ph-lg',
icon: 'ti ti-list',
}));
</script>

2
packages/frontend/src/pages/settings/plugin.vue
View file

@ -141,6 +141,6 @@ const headerTabs = computed(() => []);
definePageMetadata(() => ({
title: i18n.ts.plugins,
icon: 'ph-plug ph-bold ph-lg',
icon: 'ti ti-plug',
}));
</script>

6
packages/frontend/src/pages/settings/profile.vue
View file

@ -50,7 +50,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<FormSlot>
<MkFolder>
<template #icon><i class="ph-list ph-bold ph-lg"></i></template>
<template #icon><i class="ti ti-list"></i></template>
<template #label>{{ i18n.ts._profile.metadataEdit }}</template>
<div :class="$style.metadataRoot">
@ -72,7 +72,7 @@ SPDX-License-Identifier: AGPL-3.0-only
>
<template #item="{element, index}">
<div :class="$style.fieldDragItem">
<button v-if="!fieldEditMode" class="_button" :class="$style.dragItemHandle" tabindex="-1"><i class="ph-list ph-bold ph-lg"></i></button>
<button v-if="!fieldEditMode" class="_button" :class="$style.dragItemHandle" tabindex="-1"><i class="ti ti-menu"></i></button>
<button v-if="fieldEditMode" :disabled="fields.length <= 1" class="_button" :class="$style.dragItemRemove" @click="deleteField(index)"><i class="ti ti-x"></i></button>
<div :class="$style.dragItemForm">
<FormSplit :minWidth="200">
@ -396,7 +396,7 @@ const headerTabs = computed(() => []);
definePageMetadata(() => ({
title: i18n.ts.profile,
icon: 'ph-user ph-bold ph-lg',
icon: 'ti ti-user',
}));
</script>

2
packages/frontend/src/pages/settings/roles.vue
View file

@ -39,7 +39,7 @@ const headerTabs = computed(() => []);
definePageMetadata(() => ({
title: i18n.ts.roles,
icon: 'ph-seal-check ph-bold ph-lg',
icon: 'ti ti-badges',
}));
</script>

2
packages/frontend/src/pages/settings/statusbar.vue
View file

@ -52,6 +52,6 @@ const headerTabs = computed(() => []);
definePageMetadata(() => ({
title: i18n.ts.statusbar,
icon: 'ph-list ph-bold ph-lg',
icon: 'ti ti-list',
}));
</script>

6
packages/frontend/src/pages/settings/theme.vue
View file

@ -59,9 +59,9 @@ SPDX-License-Identifier: AGPL-3.0-only
<FormSection>
<div class="_formLinksGrid">
<FormLink to="/settings/theme/manage"><template #icon><i class="ph-wrench ph-bold ph-lg"></i></template>{{ i18n.ts._theme.manage }}<template #suffix>{{ themesCount }}</template></FormLink>
<FormLink to="https://assets.misskey.io/theme/list" external><template #icon><i class="ph-globe-hemisphere-west ph-bold ph-lg"></i></template>{{ i18n.ts._theme.explore }}</FormLink>
<FormLink to="https://assets.misskey.io/theme/list" external><template #icon><i class="ti ti-world"></i></template>{{ i18n.ts._theme.explore }}</FormLink>
<FormLink to="/settings/theme/install"><template #icon><i class="ti ti-download"></i></template>{{ i18n.ts._theme.install }}</FormLink>
<FormLink to="/theme-editor"><template #icon><i class="ph-paint-roller ph-bold ph-lg"></i></template>{{ i18n.ts._theme.make }}</FormLink>
<FormLink to="/theme-editor"><template #icon><i class="ti ti-paint"></i></template>{{ i18n.ts._theme.make }}</FormLink>
</div>
</FormSection>
@ -179,7 +179,7 @@ const headerTabs = computed(() => []);
definePageMetadata(() => ({
title: i18n.ts.theme,
icon: 'ph-palette ph-bold ph-lg',
icon: 'ti ti-palette',
}));
</script>