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

8
packages/frontend/src/pages/about.vue
View file

@ -58,13 +58,13 @@ SPDX-License-Identifier: AGPL-3.0-only
</MkKeyValue>
</FormSplit>
<FormLink v-if="instance.impressumUrl" :to="instance.impressumUrl" external>
<template #icon><i class="ph-newspaper-clipping ph-bold ph-lg"></i></template>
<template #icon><i class="ti ti-user-shield"></i></template>
{{ i18n.ts.impressum }}
</FormLink>
<div class="_gaps_s">
<MkFolder v-if="instance.serverRules.length > 0">
<template #label>
<i class="ph-list-checks ph-bold ph-lg"></i>
<i class="ti ti-checkup-list"></i>
{{ i18n.ts.serverRules }}
</template>
@ -73,7 +73,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</ol>
</MkFolder>
<FormLink v-if="instance.tosUrl" :to="instance.tosUrl" external>
<template #icon><i class="ph-notebook ph-bold ph-lg"></i></template>
<template #icon><i class="ti ti-license"></i></template>
{{ i18n.ts.termsOfService }}
</FormLink>
<FormLink v-if="instance.privacyPolicyUrl" :to="instance.privacyPolicyUrl" external>
@ -81,7 +81,7 @@ SPDX-License-Identifier: AGPL-3.0-only
{{ i18n.ts.privacyPolicy }}
</FormLink>
<FormLink v-if="instance.feedbackUrl" :to="instance.feedbackUrl" external>
<template #icon><i class="ph-envelope ph-bold ph-lg"></i></template>
<template #icon><i class="ti ti-message"></i></template>
{{ i18n.ts.feedback }}
</FormLink>
</div>

2
packages/frontend/src/pages/achievements.vue
View file

@ -50,7 +50,7 @@ onDeactivated(() => {
definePageMetadata(() => ({
title: i18n.ts.achievements,
icon: 'ph-trophy ph-bold ph-lg',
icon: 'ti ti-medal',
}));
</script>

2
packages/frontend/src/pages/admin-file.vue
View file

@ -133,7 +133,7 @@ const headerTabs = computed(() => [{
}, iAmModerator ? {
key: 'ip',
title: 'IP',
icon: 'ph-password ph-bold ph-lg',
icon: 'ti ti-password',
} : null, {
key: 'raw',
title: 'Raw data',

10
packages/frontend/src/pages/admin-user.vue
View file

@ -97,7 +97,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</MkFolder>
<MkFolder>
<template #icon><i class="ph-password ph-bold ph-lg"></i></template>
<template #icon><i class="ti ti-password"></i></template>
<template #label>IP</template>
<MkInfo v-if="!iAmAdmin" warn>{{ i18n.ts.requireAdminForView }}</MkInfo>
<MkInfo v-else>The date is the IP address was first acknowledged.</MkInfo>
@ -110,7 +110,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</MkFolder>
<div>
<MkButton v-if="iAmModerator" inline danger style="margin-right: 8px;" @click="unsetUserAvatar"><i class="ph-user-circle ph-bold ph-lg"></i> {{ i18n.ts.unsetUserAvatar }}</MkButton>
<MkButton v-if="iAmModerator" inline danger style="margin-right: 8px;" @click="unsetUserAvatar"><i class="ti ti-user-circle"></i> {{ i18n.ts.unsetUserAvatar }}</MkButton>
<MkButton v-if="iAmModerator" inline danger style="margin-right: 8px;" @click="unsetUserBanner"><i class="ti ti-photo"></i> {{ i18n.ts.unsetUserBanner }}</MkButton>
<MkButton v-if="iAmModerator" inline danger @click="deleteAllFiles"><i class="ph-cloud ph-bold ph-lg"></i> {{ i18n.ts.deleteAllFiles }}</MkButton>
</div>
@ -127,7 +127,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<MkRolePreview :class="$style.role" :role="role" :forModeration="true"/>
<button class="_button" @click="toggleRoleItem(role)"><i class="ti ti-chevron-down"></i></button>
<button v-if="role.target === 'manual'" class="_button" :class="$style.roleUnassign" @click="unassignRole(role, $event)"><i class="ti ti-x"></i></button>
<button v-else class="_button" :class="$style.roleUnassign" disabled><i class="ph-prohibit ph-bold ph-lg"></i></button>
<button v-else class="_button" :class="$style.roleUnassign" disabled><i class="ti ti-ban"></i></button>
</div>
<div v-if="expandedRoles.includes(role.id)" :class="$style.roleItemSub">
<div>Assigned: <MkTime :time="info.roleAssigns.find(a => a.roleId === role.id).createdAt" mode="detail"/></div>
@ -517,11 +517,11 @@ const headerTabs = computed(() => [{
}, {
key: 'roles',
title: i18n.ts.roles,
icon: 'ph-seal-check ph-bold ph-lg',
icon: 'ti ti-badges',
}, {
key: 'announcements',
title: i18n.ts.announcements,
icon: 'ph-megaphone ph-bold ph-lg',
icon: 'ti ti-speakerphone',
}, {
key: 'drive',
title: i18n.ts.drive,

2
packages/frontend/src/pages/admin/RolesEditorFormula.vue
View file

@ -28,7 +28,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<option value="not">{{ i18n.ts._role._condition.not }}</option>
</MkSelect>
<button v-if="draggable" class="drag-handle _button" :class="$style.dragHandle">
<i class="ph-list ph-bold ph-lg-2"></i>
<i class="ti ti-menu-2"></i>
</button>
<button v-if="draggable" class="_button" :class="$style.remove" @click="removeSelf">
<i class="ti ti-x"></i>

2
packages/frontend/src/pages/admin/ads.vue
View file

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

2
packages/frontend/src/pages/admin/announcements.vue
View file

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

2
packages/frontend/src/pages/admin/branding.vue
View file

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

2
packages/frontend/src/pages/admin/database.vue
View file

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

2
packages/frontend/src/pages/admin/email-settings.vue
View file

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

22
packages/frontend/src/pages/admin/index.vue
View file

@ -100,7 +100,7 @@ const menuDef = computed(() => [{
action: adminLookup,
}, ...(instance.disableRegistration ? [{
type: 'button',
icon: 'ph-user-plus ph-bold ph-lg',
icon: 'ti ti-user-plus',
text: i18n.ts.createInviteCode,
action: invite,
}] : [])],
@ -117,7 +117,7 @@ const menuDef = computed(() => [{
to: '/admin/users',
active: currentPage.value?.route.name === 'users',
}, {
icon: 'ph-user-plus ph-bold ph-lg',
icon: 'ti ti-user-plus',
text: i18n.ts.invite,
to: '/admin/invites',
active: currentPage.value?.route.name === 'invites',
@ -127,7 +127,7 @@ const menuDef = computed(() => [{
to: '/admin/approvals',
active: currentPage.value?.route.name === 'approvals',
}, {
icon: 'ph-seal-check ph-bold ph-lg',
icon: 'ti ti-badges',
text: i18n.ts.roles,
to: '/admin/roles',
active: currentPage.value?.route.name === 'roles',
@ -157,12 +157,12 @@ const menuDef = computed(() => [{
to: '/admin/files',
active: currentPage.value?.route.name === 'files',
}, {
icon: 'ph-megaphone ph-bold ph-lg',
icon: 'ti ti-speakerphone',
text: i18n.ts.announcements,
to: '/admin/announcements',
active: currentPage.value?.route.name === 'announcements',
}, {
icon: 'ph-flag ph-bold ph-lg',
icon: 'ti ti-ad',
text: i18n.ts.ads,
to: '/admin/ads',
active: currentPage.value?.route.name === 'ads',
@ -185,7 +185,7 @@ const menuDef = computed(() => [{
to: '/admin/settings',
active: currentPage.value?.route.name === 'settings',
}, {
icon: 'ph-paint-roller ph-bold ph-lg',
icon: 'ti ti-paint',
text: i18n.ts.branding,
to: '/admin/branding',
active: currentPage.value?.route.name === 'branding',
@ -195,7 +195,7 @@ const menuDef = computed(() => [{
to: '/admin/moderation',
active: currentPage.value?.route.name === 'moderation',
}, {
icon: 'ph-envelope ph-bold ph-lg',
icon: 'ti ti-mail',
text: i18n.ts.emailServer,
to: '/admin/email-settings',
active: currentPage.value?.route.name === 'email-settings',
@ -215,7 +215,7 @@ const menuDef = computed(() => [{
to: '/admin/relays',
active: currentPage.value?.route.name === 'relays',
}, {
icon: 'ph-prohibit ph-bold ph-lg',
icon: 'ti ti-ban',
text: i18n.ts.instanceBlocking,
to: '/admin/instance-block',
active: currentPage.value?.route.name === 'instance-block',
@ -238,7 +238,7 @@ const menuDef = computed(() => [{
}, {
title: i18n.ts.info,
items: [{
icon: 'ph-database ph-bold ph-lg',
icon: 'ti ti-database',
text: i18n.ts.database,
to: '/admin/database',
active: currentPage.value?.route.name === 'database',
@ -305,13 +305,13 @@ function invite() {
function adminLookup(ev: MouseEvent) {
os.popupMenu([{
text: i18n.ts.user,
icon: 'ph-user ph-bold ph-lg',
icon: 'ti ti-user',
action: () => {
lookupUser();
},
}, {
text: `${i18n.ts.user} (${i18n.ts.email})`,
icon: 'ph-user ph-bold ph-lg',
icon: 'ti ti-user',
action: () => {
lookupUserByEmail();
},

4
packages/frontend/src/pages/admin/instance-block.vue
View file

@ -59,7 +59,7 @@ const headerActions = computed(() => []);
const headerTabs = computed(() => [{
key: 'block',
title: i18n.ts.block,
icon: 'ph-prohibit ph-bold ph-lg',
icon: 'ti ti-ban',
}, {
key: 'silence',
title: i18n.ts.silence,
@ -68,6 +68,6 @@ const headerTabs = computed(() => [{
definePageMetadata(() => ({
title: i18n.ts.instanceBlocking,
icon: 'ph-prohibit ph-bold ph-lg',
icon: 'ti ti-ban',
}));
</script>

2
packages/frontend/src/pages/admin/invites.vue
View file

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

2
packages/frontend/src/pages/admin/relays.vue
View file

@ -12,7 +12,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<div>{{ relay.inbox }}</div>
<div style="margin: 8px 0;">
<i v-if="relay.status === 'accepted'" class="ti ti-check" :class="$style.icon" style="color: var(--success);"></i>
<i v-else-if="relay.status === 'rejected'" class="ph-prohibit ph-bold ph-lg" :class="$style.icon" style="color: var(--error);"></i>
<i v-else-if="relay.status === 'rejected'" class="ti ti-ban" :class="$style.icon" style="color: var(--error);"></i>
<i v-else class="ti ti-clock" :class="$style.icon"></i>
<span>{{ i18n.ts._relayStatus[relay.status] }}</span>
</div>

2
packages/frontend/src/pages/admin/roles.edit.vue
View file

@ -89,7 +89,7 @@ const headerTabs = computed(() => []);
definePageMetadata(() => ({
title: role.value ? `${i18n.ts._role.edit}: ${role.value.name}` : i18n.ts._role.new,
icon: 'ph-seal-check ph-bold ph-lg',
icon: 'ti ti-badge',
}));
</script>

2
packages/frontend/src/pages/admin/roles.role.vue
View file

@ -172,7 +172,7 @@ const headerTabs = computed(() => []);
definePageMetadata(() => ({
title: `${i18n.ts.role}: ${role.name}`,
icon: 'ph-seal-check ph-bold ph-lg',
icon: 'ti ti-badge',
}));
</script>

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

@ -299,7 +299,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/admin/server-rules.vue
View file

@ -23,7 +23,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<div :class="$style.item">
<div :class="$style.itemHeader">
<div :class="$style.itemNumber" v-text="String(index + 1)"/>
<span :class="$style.itemHandle"><i class="ph-list ph-bold ph-lg"/></span>
<span :class="$style.itemHandle"><i class="ti ti-menu"/></span>
<button class="_button" :class="$style.itemRemove" @click="remove(index)"><i class="ti ti-x"></i></button>
</div>
<MkInput v-model="serverRules[index]"/>

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

@ -29,7 +29,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</MkInput>
<MkInput v-model="maintainerEmail" type="email">
<template #prefix><i class="ph-envelope ph-bold ph-lg"></i></template>
<template #prefix><i class="ti ti-mail"></i></template>
<template #label>{{ i18n.ts.maintainerEmail }}</template>
</MkInput>
</FormSplit>

2
packages/frontend/src/pages/ads.vue
View file

@ -22,7 +22,7 @@ import { instance } from '@/instance.js';
definePageMetadata(() => ({
title: i18n.ts.ads,
icon: 'ph-flag ph-bold ph-lg',
icon: 'ti ti-ad',
}));
</script>

2
packages/frontend/src/pages/announcement.vue
View file

@ -104,7 +104,7 @@ const headerTabs = computed(() => []);
definePageMetadata(() => ({
title: announcement.value ? `${i18n.ts.announcements}: ${announcement.value.title}` : i18n.ts.announcements,
icon: 'ph-megaphone ph-bold ph-lg',
icon: 'ti ti-speakerphone',
}));
</script>

2
packages/frontend/src/pages/announcements.vue
View file

@ -113,7 +113,7 @@ const headerTabs = computed(() => [{
definePageMetadata(() => ({
title: i18n.ts.announcements,
icon: 'ph-megaphone ph-bold ph-lg',
icon: 'ti ti-speakerphone',
}));
</script>

2
packages/frontend/src/pages/antenna-timeline.vue
View file

@ -93,7 +93,7 @@ const headerTabs = computed(() => []);
definePageMetadata(() => ({
title: antenna.value ? antenna.value.name : i18n.ts.antennas,
icon: 'ph-flying-saucer ph-bold ph-lg',
icon: 'ti ti-antenna',
}));
</script>

2
packages/frontend/src/pages/channel-editor.vue
View file

@ -50,7 +50,7 @@ SPDX-License-Identifier: AGPL-3.0-only
>
<template #item="{element,index}">
<div :class="$style.pinnedNote">
<button class="_button" :class="$style.pinnedNoteHandle"><i class="ph-list ph-bold ph-lg"></i></button>
<button class="_button" :class="$style.pinnedNoteHandle"><i class="ti ti-menu"></i></button>
{{ element.id }}
<button class="_button" :class="$style.pinnedNoteRemove" @click="removePinnedNote(index)"><i class="ti ti-x"></i></button>
</div>

2
packages/frontend/src/pages/channel.vue
View file

@ -285,7 +285,7 @@ const headerTabs = computed(() => [{
}, {
key: 'featured',
title: i18n.ts.featured,
icon: 'ph-lightning ph-bold ph-lg',
icon: 'ti ti-bolt',
}, {
key: 'search',
title: i18n.ts.search,

2
packages/frontend/src/pages/clip.vue
View file

@ -164,7 +164,7 @@ const headerActions = computed(() => clip.value && isOwned.value ? [{
definePageMetadata(() => ({
title: clip.value ? clip.value.name : i18n.ts.clip,
icon: 'ph-paperclip ph-bold ph-lg',
icon: 'ti ti-paperclip',
}));
</script>

2
packages/frontend/src/pages/drive.file.info.vue
View file

@ -21,7 +21,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<i class="ti ti-pencil"></i>
</button>
<button v-if="isImage" v-tooltip="i18n.ts.cropImage" class="_button" :class="$style.fileQuickActionsOthersButton" @click="crop()">
<i class="ph-crop ph-bold ph-lg"></i>
<i class="ti ti-crop"></i>
</button>
<button v-if="file.isSensitive" v-tooltip="i18n.ts.unmarkAsSensitive" class="_button" :class="$style.fileQuickActionsOthersButton" @click="toggleSensitive()">
<i class="ti ti-eye"></i>

2
packages/frontend/src/pages/drop-and-fusion.vue
View file

@ -123,7 +123,7 @@ function onGameEnd() {
definePageMetadata(() => ({
title: i18n.ts.bubbleGame,
icon: 'ph-game-controller ph-bold ph-lg',
icon: 'ti ti-device-gamepad',
}));
</script>

2
packages/frontend/src/pages/emoji-edit-dialog.vue
View file

@ -59,7 +59,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<div v-for="role in rolesThatCanBeUsedThisEmojiAsReaction" :key="role.id" :class="$style.roleItem">
<MkRolePreview :class="$style.role" :role="role" :forModeration="true" :detailed="false" style="pointer-events: none;"/>
<button v-if="role.target === 'manual'" class="_button" :class="$style.roleUnassign" @click="removeRole(role, $event)"><i class="ti ti-x"></i></button>
<button v-else class="_button" :class="$style.roleUnassign" disabled><i class="ph-prohibit ph-bold ph-lg"></i></button>
<button v-else class="_button" :class="$style.roleUnassign" disabled><i class="ti ti-ban"></i></button>
</div>
<MkInfo>{{ i18n.ts.rolesThatCanBeUsedThisEmojiAsReactionEmptyDescription }}</MkInfo>

4
packages/frontend/src/pages/explore.vue
View file

@ -48,7 +48,7 @@ const headerActions = computed(() => []);
const headerTabs = computed(() => [{
key: 'featured',
icon: 'ph-lightning ph-bold ph-lg',
icon: 'ti ti-bolt',
title: i18n.ts.featured,
}, {
key: 'users',
@ -56,7 +56,7 @@ const headerTabs = computed(() => [{
title: i18n.ts.users,
}, {
key: 'roles',
icon: 'ph-seal-check ph-bold ph-lg',
icon: 'ti ti-badges',
title: i18n.ts.roles,
}]);

2
packages/frontend/src/pages/follow-requests.vue
View file

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

2
packages/frontend/src/pages/games.vue
View file

@ -29,6 +29,6 @@ import { definePageMetadata } from '@/scripts/page-metadata.js';
definePageMetadata(() => ({
title: 'Misskey Games',
icon: 'ph-game-controller ph-bold ph-lg',
icon: 'ti ti-device-gamepad',
}));
</script>

4
packages/frontend/src/pages/install-extensions.vue
View file

@ -10,8 +10,8 @@ SPDX-License-Identifier: AGPL-3.0-only
<MkLoading v-if="uiPhase === 'fetching'"/>
<div v-else-if="uiPhase === 'confirm' && data" class="_gaps_m" :class="$style.extInstallerRoot">
<div :class="$style.extInstallerIconWrapper">
<i v-if="data.type === 'plugin'" class="ph-plug ph-bold ph-lg"></i>
<i v-else-if="data.type === 'theme'" class="ph-palette ph-bold ph-lg"></i>
<i v-if="data.type === 'plugin'" class="ti ti-plug"></i>
<i v-else-if="data.type === 'theme'" class="ti ti-palette"></i>
<i v-else class="ti ti-download"></i>
</div>
<h2 :class="$style.extInstallerTitle">{{ i18n.ts._externalResourceInstaller[`_${data.type}`].title }}</h2>

4
packages/frontend/src/pages/invite.vue
View file

@ -20,7 +20,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<MkSpacer v-else :contentMax="800">
<div class="_gaps_m" style="text-align: center;">
<div v-if="resetCycle && inviteLimit">{{ i18n.tsx.inviteLimitResetCycle({ time: resetCycle, limit: inviteLimit }) }}</div>
<MkButton inline primary rounded :disabled="currentInviteLimit !== null && currentInviteLimit <= 0" @click="create"><i class="ph-user-plus ph-bold ph-lg"></i> {{ i18n.ts.createInviteCode }}</MkButton>
<MkButton inline primary rounded :disabled="currentInviteLimit !== null && currentInviteLimit <= 0" @click="create"><i class="ti ti-user-plus"></i> {{ i18n.ts.createInviteCode }}</MkButton>
<div v-if="currentInviteLimit !== null">{{ i18n.tsx.createLimitRemaining({ limit: currentInviteLimit }) }}</div>
<MkPagination ref="pagingComponent" :pagination="pagination">
@ -95,7 +95,7 @@ update();
definePageMetadata(() => ({
title: i18n.ts.invite,
icon: 'ph-user-plus ph-bold ph-lg',
icon: 'ti ti-user-plus',
}));
</script>

2
packages/frontend/src/pages/list.vue
View file

@ -103,7 +103,7 @@ const headerTabs = computed(() => []);
definePageMetadata(() => ({
title: list.value ? list.value.name : i18n.ts.lists,
icon: 'ph-list ph-bold ph-lg',
icon: 'ti ti-list',
}));
</script>
<style lang="scss" module>

2
packages/frontend/src/pages/my-antennas/create.vue
View file

@ -41,6 +41,6 @@ function onAntennaCreated() {
definePageMetadata(() => ({
title: i18n.ts.manageAntennas,
icon: 'ph-flying-saucer ph-bold ph-lg',
icon: 'ti ti-antenna',
}));
</script>

2
packages/frontend/src/pages/my-antennas/edit.vue
View file

@ -38,6 +38,6 @@ misskeyApi('antennas/show', { antennaId: props.antennaId }).then((antennaRespons
definePageMetadata(() => ({
title: i18n.ts.manageAntennas,
icon: 'ph-flying-saucer ph-bold ph-lg',
icon: 'ti ti-antenna',
}));
</script>

2
packages/frontend/src/pages/my-antennas/index.vue
View file

@ -57,7 +57,7 @@ const headerTabs = computed(() => []);
definePageMetadata(() => ({
title: i18n.ts.manageAntennas,
icon: 'ph-flying-saucer ph-bold ph-lg',
icon: 'ti ti-antenna',
}));
onActivated(() => {

4
packages/frontend/src/pages/my-clips/index.vue
View file

@ -93,7 +93,7 @@ const headerActions = computed(() => []);
const headerTabs = computed(() => [{
key: 'my',
title: i18n.ts.myClips,
icon: 'ph-paperclip ph-bold ph-lg',
icon: 'ti ti-paperclip',
}, {
key: 'favorites',
title: i18n.ts.favorites,
@ -102,7 +102,7 @@ const headerTabs = computed(() => [{
definePageMetadata(() => ({
title: i18n.ts.clip,
icon: 'ph-paperclip ph-bold ph-lg',
icon: 'ti ti-paperclip',
}));
</script>

2
packages/frontend/src/pages/my-lists/index.vue
View file

@ -73,7 +73,7 @@ const headerTabs = computed(() => []);
definePageMetadata(() => ({
title: i18n.ts.manageLists,
icon: 'ph-list ph-bold ph-lg',
icon: 'ti ti-list',
}));
onActivated(() => {

4
packages/frontend/src/pages/my-lists/list.vue
View file

@ -135,7 +135,7 @@ async function removeUser(item, ev) {
async function showMembershipMenu(item, ev) {
os.popupMenu([{
text: item.withReplies ? i18n.ts.hideRepliesToOthersInTimeline : i18n.ts.showRepliesToOthersInTimeline,
icon: item.withReplies ? 'ph-envelope-open ph-bold ph-lg' : 'ph-envelope ph-bold ph-lg',
icon: item.withReplies ? 'ph-envelope-open ph-bold ph-lg' : 'ti ti-messages',
action: async () => {
misskeyApi('users/lists/update-membership', {
listId: list.value.id,
@ -188,7 +188,7 @@ const headerTabs = computed(() => []);
definePageMetadata(() => ({
title: list.value ? list.value.name : i18n.ts.lists,
icon: 'ph-list ph-bold ph-lg',
icon: 'ti ti-list',
}));
</script>

4
packages/frontend/src/pages/note.vue
View file

@ -17,7 +17,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<div class="_margin">
<div v-if="!showNext" class="_buttons" :class="$style.loadNext">
<MkButton v-if="note.channelId" rounded :class="$style.loadButton" @click="showNext = 'channel'"><i class="ti ti-chevron-up"></i> <i class="ph-television-simple ph-bold ph-lg"></i></MkButton>
<MkButton rounded :class="$style.loadButton" @click="showNext = 'user'"><i class="ti ti-chevron-up"></i> <i class="ph-user ph-bold ph-lg"></i></MkButton>
<MkButton rounded :class="$style.loadButton" @click="showNext = 'user'"><i class="ti ti-chevron-up"></i> <i class="ti ti-user"></i></MkButton>
</div>
<div v-if="defaultStore.state.noteDesign === 'misskey'" class="_margin _gaps_s">
<MkRemoteCaution v-if="note.user.host != null" :href="note.url ?? note.uri"/>
@ -35,7 +35,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</div>
<div v-if="!showPrev" class="_buttons" :class="$style.loadPrev">
<MkButton v-if="note.channelId" rounded :class="$style.loadButton" @click="showPrev = 'channel'"><i class="ti ti-chevron-down"></i> <i class="ph-television-simple ph-bold ph-lg"></i></MkButton>
<MkButton rounded :class="$style.loadButton" @click="showPrev = 'user'"><i class="ti ti-chevron-down"></i> <i class="ph-user ph-bold ph-lg"></i></MkButton>
<MkButton rounded :class="$style.loadButton" @click="showPrev = 'user'"><i class="ti ti-chevron-down"></i> <i class="ti ti-user"></i></MkButton>
</div>
</div>

4
packages/frontend/src/pages/notifications.vue
View file

@ -87,11 +87,11 @@ const headerTabs = computed(() => [{
}, {
key: 'mentions',
title: i18n.ts.mentions,
icon: 'ph-at ph-bold ph-lg',
icon: 'ti ti-at',
}, {
key: 'directNotes',
title: i18n.ts.directNotes,
icon: 'ph-envelope ph-bold ph-lg',
icon: 'ti ti-mail',
}]);
definePageMetadata(() => ({

2
packages/frontend/src/pages/page-editor/page-editor.container.vue
View file

@ -13,7 +13,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<i class="ti ti-trash"></i>
</button>
<button v-if="draggable" class="drag-handle _button">
<i class="ph-list ph-bold ph-lg-2"></i>
<i class="ti ti-menu-2"></i>
</button>
<button class="_button" @click="toggleContent(!showBody)">
<template v-if="showBody"><i class="ti ti-chevron-up"></i></template>

2
packages/frontend/src/pages/reversi/game.vue
View file

@ -115,6 +115,6 @@ onUnmounted(() => {
definePageMetadata(() => ({
title: 'Reversi',
icon: 'ph-game-controller ph-bold ph-lg',
icon: 'ti ti-device-gamepad',
}));
</script>

10
packages/frontend/src/pages/reversi/index.vue
View file

@ -36,13 +36,13 @@ SPDX-License-Identifier: AGPL-3.0-only
<div :class="$style.gamePreviews">
<MkA v-for="g in items" :key="g.id" v-panel :class="[$style.gamePreview, !g.isStarted && !g.isEnded && $style.gamePreviewWaiting, g.isStarted && !g.isEnded && $style.gamePreviewActive]" tabindex="-1" :to="`/reversi/g/${g.id}`">
<div :class="$style.gamePreviewPlayers">
<span v-if="g.winnerId === g.user1Id" style="margin-right: 0.75em; color: var(--accent); font-weight: bold;"><i class="ph-trophy ph-bold ph-lg"></i></span>
<span v-if="g.winnerId === g.user1Id" style="margin-right: 0.75em; color: var(--accent); font-weight: bold;"><i class="ti ti-trophy"></i></span>
<span v-if="g.winnerId === g.user2Id" style="margin-right: 0.75em; visibility: hidden;"><i class="ti ti-x"></i></span>
<MkAvatar :class="$style.gamePreviewPlayersAvatar" :user="g.user1"/>
<span style="margin: 0 1em;">vs</span>
<MkAvatar :class="$style.gamePreviewPlayersAvatar" :user="g.user2"/>
<span v-if="g.winnerId === g.user1Id" style="margin-left: 0.75em; visibility: hidden;"><i class="ti ti-x"></i></span>
<span v-if="g.winnerId === g.user2Id" style="margin-left: 0.75em; color: var(--accent); font-weight: bold;"><i class="ph-trophy ph-bold ph-lg"></i></span>
<span v-if="g.winnerId === g.user2Id" style="margin-left: 0.75em; color: var(--accent); font-weight: bold;"><i class="ti ti-trophy"></i></span>
</div>
<div :class="$style.gamePreviewFooter">
<span v-if="g.isStarted && !g.isEnded" :class="$style.gamePreviewStatusActive">{{ i18n.ts._reversi.playing }}</span>
@ -63,13 +63,13 @@ SPDX-License-Identifier: AGPL-3.0-only
<div :class="$style.gamePreviews">
<MkA v-for="g in items" :key="g.id" v-panel :class="[$style.gamePreview, !g.isStarted && !g.isEnded && $style.gamePreviewWaiting, g.isStarted && !g.isEnded && $style.gamePreviewActive]" tabindex="-1" :to="`/reversi/g/${g.id}`">
<div :class="$style.gamePreviewPlayers">
<span v-if="g.winnerId === g.user1Id" style="margin-right: 0.75em; color: var(--accent); font-weight: bold;"><i class="ph-trophy ph-bold ph-lg"></i></span>
<span v-if="g.winnerId === g.user1Id" style="margin-right: 0.75em; color: var(--accent); font-weight: bold;"><i class="ti ti-trophy"></i></span>
<span v-if="g.winnerId === g.user2Id" style="margin-right: 0.75em; visibility: hidden;"><i class="ti ti-x"></i></span>
<MkAvatar :class="$style.gamePreviewPlayersAvatar" :user="g.user1"/>
<span style="margin: 0 1em;">vs</span>
<MkAvatar :class="$style.gamePreviewPlayersAvatar" :user="g.user2"/>
<span v-if="g.winnerId === g.user1Id" style="margin-left: 0.75em; visibility: hidden;"><i class="ti ti-x"></i></span>
<span v-if="g.winnerId === g.user2Id" style="margin-left: 0.75em; color: var(--accent); font-weight: bold;"><i class="ph-trophy ph-bold ph-lg"></i></span>
<span v-if="g.winnerId === g.user2Id" style="margin-left: 0.75em; color: var(--accent); font-weight: bold;"><i class="ti ti-trophy"></i></span>
</div>
<div :class="$style.gamePreviewFooter">
<span v-if="g.isStarted && !g.isEnded" :class="$style.gamePreviewStatusActive">{{ i18n.ts._reversi.playing }}</span>
@ -263,7 +263,7 @@ onUnmounted(() => {
definePageMetadata(() => ({
title: 'Reversi',
icon: 'ph-game-controller ph-bold ph-lg',
icon: 'ti ti-device-gamepad',
}));
</script>

2
packages/frontend/src/pages/role.vue
View file

@ -95,7 +95,7 @@ const headerTabs = computed(() => [{
definePageMetadata(() => ({
title: role.value ? role.value.name : i18n.ts.role,
icon: 'ph-seal-check ph-bold ph-lg',
icon: 'ti ti-badge',
}));
</script>

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>

2
packages/frontend/src/pages/theme-editor.vue
View file

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

6
packages/frontend/src/pages/timeline.vue
View file

@ -316,12 +316,12 @@ const headerTabs = computed(() => [...(defaultStore.reactiveState.pinnedUserList
icon: 'ph-globe-hemisphere-west ph-bold ph-lg',
iconOnly: true,
}] : []), {
icon: 'ph-list ph-bold ph-lg',
icon: 'ti ti-list',
title: i18n.ts.lists,
iconOnly: true,
onClick: chooseList,
}, {
icon: 'ph-flying-saucer ph-bold ph-lg',
icon: 'ti ti-antenna',
title: i18n.ts.antennas,
iconOnly: true,
onClick: chooseAntenna,
@ -349,7 +349,7 @@ const headerTabsWhenNotLogin = computed(() => [
definePageMetadata(() => ({
title: i18n.ts.timeline,
icon: src.value === 'local' ? 'ti ti-planet' : src.value === 'social' ? 'ph-rocket-launch ph-bold ph-lg' : src.value === 'global' ? 'ph-globe-hemisphere-west ph-bold ph-lg' : src.value === 'bubble' ? 'ph-drop ph-bold ph-lg' : 'ti ti-home',
icon: src.value === 'local' ? 'ti ti-planet' : src.value === 'social' ? 'ph-rocket-launch ph-bold ph-lg' : src.value === 'global' ? 'ti ti-world' : src.value === 'bubble' ? 'ph-drop ph-bold ph-lg' : 'ti ti-home',
}));
</script>

2
packages/frontend/src/pages/user-list-timeline.vue
View file

@ -107,7 +107,7 @@ const headerTabs = computed(() => []);
definePageMetadata(() => ({
title: list.value ? list.value.name : i18n.ts.lists,
icon: 'ph-list ph-bold ph-lg',
icon: 'ti ti-list',
}));
</script>

2
packages/frontend/src/pages/user/followers.vue
View file

@ -54,7 +54,7 @@ const headerTabs = computed(() => []);
definePageMetadata(() => ({
title: i18n.ts.user,
icon: 'ph-user ph-bold ph-lg',
icon: 'ti ti-user',
...user.value ? {
title: user.value.name ? `${user.value.name} (@${user.value.username})` : `@${user.value.username}`,
subtitle: i18n.ts.followers,

2
packages/frontend/src/pages/user/following.vue
View file

@ -54,7 +54,7 @@ const headerTabs = computed(() => []);
definePageMetadata(() => ({
title: i18n.ts.user,
icon: 'ph-user ph-bold ph-lg',
icon: 'ti ti-user',
...user.value ? {
title: user.value.name ? `${user.value.name} (@${user.value.username})` : `@${user.value.username}`,
subtitle: i18n.ts.following,

10
packages/frontend/src/pages/user/index.vue
View file

@ -95,7 +95,7 @@ const headerTabs = computed(() => user.value ? [{
}, ...(user.value.host == null ? [{
key: 'achievements',
title: i18n.ts.achievements,
icon: 'ph-trophy ph-bold ph-lg',
icon: 'ti ti-medal',
}] : []), ...($i && ($i.id === user.value.id || $i.isAdmin || $i.isModerator)) || user.value.publicReactions ? [{
key: 'reactions',
title: i18n.ts.reaction,
@ -103,15 +103,15 @@ const headerTabs = computed(() => user.value ? [{
}] : [], {
key: 'clips',
title: i18n.ts.clips,
icon: 'ph-paperclip ph-bold ph-lg',
icon: 'ti ti-paperclip',
}, {
key: 'lists',
title: i18n.ts.lists,
icon: 'ph-list ph-bold ph-lg',
icon: 'ti ti-list',
}, {
key: 'pages',
title: i18n.ts.pages,
icon: 'ph-newspaper ph-bold ph-lg',
icon: 'ti ti-news',
}, {
key: 'flashs',
title: 'Play',
@ -128,7 +128,7 @@ const headerTabs = computed(() => user.value ? [{
definePageMetadata(() => ({
title: i18n.ts.user,
icon: 'ph-user ph-bold ph-lg',
icon: 'ti ti-user',
...user.value ? {
title: user.value.name ? ` (@${user.value.username})` : `@${user.value.username}`,
subtitle: `@${getAcct(user.value)}`,