etc/Sharkey
0
0
Fork 0
mirror of https://activitypub.software/TransFem-org/Sharkey synced 2024-11-25 23:45:13 +00:00
Code Issues Projects Releases Packages Wiki Activity

replaced more ti-*

Browse source
This commit is contained in:
dakkar 2024-06-22 14:36:39 +01:00
parent 138127a5b6
commit f2c56f395e
37 changed files with 70 additions and 55 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -107,7 +107,7 @@ const menuDef = computed(() => [{
}, { }, {
title: i18n.ts.administration, title: i18n.ts.administration,
items: [{ items: [{
icon: 'ph-gauge ph-bold ph-lg', icon: 'ti ti-dashboard',
text: i18n.ts.dashboard, text: i18n.ts.dashboard,
to: '/admin/overview', to: '/admin/overview',
active: currentPage.value?.route.name === 'overview', active: currentPage.value?.route.name === 'overview',

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

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

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

@ -229,7 +229,7 @@ const headerActions = computed(() => {
}]; }];
headerItems.push({ headerItems.push({
icon: 'ph-share-network ph-bold ph-lg', icon: 'ti ti-link',
text: i18n.ts.copyUrl, text: i18n.ts.copyUrl,
handler: async (): Promise<void> => { handler: async (): Promise<void> => {
if (!channel.value) { if (!channel.value) {
@ -243,7 +243,7 @@ const headerActions = computed(() => {
if (isSupportShare()) { if (isSupportShare()) {
headerItems.push({ headerItems.push({
icon: 'ph-share-network ph-bold ph-lg', icon: 'ti ti-share',
text: i18n.ts.share, text: i18n.ts.share,
handler: async (): Promise<void> => { handler: async (): Promise<void> => {
if (!channel.value) { if (!channel.value) {

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

@ -149,7 +149,7 @@ const headerTabs = computed(() => [{
}, { }, {
key: 'owned', key: 'owned',
title: i18n.ts._channel.owned, title: i18n.ts._channel.owned,
icon: 'ph-pencil-simple-line ph-bold ph-lg', icon: 'ti ti-edit',
}]); }]);
definePageMetadata(() => ({ definePageMetadata(() => ({

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

@ -127,14 +127,14 @@ const headerActions = computed(() => clip.value && isOwned.value ? [{
clipsCache.delete(); clipsCache.delete();
}, },
}, ...(clip.value.isPublic ? [{ }, ...(clip.value.isPublic ? [{
icon: 'ph-share-network ph-bold ph-lg', icon: 'ti ti-link',
text: i18n.ts.copyUrl, text: i18n.ts.copyUrl,
handler: async (): Promise<void> => { handler: async (): Promise<void> => {
copyToClipboard(`${url}/clips/${clip.value.id}`); copyToClipboard(`${url}/clips/${clip.value.id}`);
os.success(); os.success();
}, },
}] : []), ...(clip.value.isPublic && isSupportShare() ? [{ }] : []), ...(clip.value.isPublic && isSupportShare() ? [{
icon: 'ph-share-network ph-bold ph-lg', icon: 'ti ti-share',
text: i18n.ts.share, text: i18n.ts.share,
handler: async (): Promise<void> => { handler: async (): Promise<void> => {
navigator.share({ navigator.share({

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

@ -83,7 +83,7 @@ const headerTabs = computed(() => [{
}, { }, {
key: 'my', key: 'my',
title: i18n.ts._play.my, title: i18n.ts._play.my,
icon: 'ph-pencil-simple-line ph-bold ph-lg', icon: 'ti ti-edit',
}, { }, {
key: 'liked', key: 'liked',
title: i18n.ts._play.liked, title: i18n.ts._play.liked,

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

@ -22,7 +22,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<MkButton v-if="flash.isLiked" v-tooltip="i18n.ts.unlike" asLike class="button" rounded primary @click="unlike()"><i class="ti ti-heart"></i><span v-if="flash?.likedCount && flash.likedCount > 0" style="margin-left: 6px;">{{ flash.likedCount }}</span></MkButton> <MkButton v-if="flash.isLiked" v-tooltip="i18n.ts.unlike" asLike class="button" rounded primary @click="unlike()"><i class="ti ti-heart"></i><span v-if="flash?.likedCount && flash.likedCount > 0" style="margin-left: 6px;">{{ flash.likedCount }}</span></MkButton>
<MkButton v-else v-tooltip="i18n.ts.like" asLike class="button" rounded @click="like()"><i class="ti ti-heart"></i><span v-if="flash?.likedCount && flash.likedCount > 0" style="margin-left: 6px;">{{ flash.likedCount }}</span></MkButton> <MkButton v-else v-tooltip="i18n.ts.like" asLike class="button" rounded @click="like()"><i class="ti ti-heart"></i><span v-if="flash?.likedCount && flash.likedCount > 0" style="margin-left: 6px;">{{ flash.likedCount }}</span></MkButton>
<MkButton v-tooltip="i18n.ts.copyLink" class="button" rounded @click="copyLink"><i class="ti ti-link ti-fw"></i></MkButton> <MkButton v-tooltip="i18n.ts.copyLink" class="button" rounded @click="copyLink"><i class="ti ti-link ti-fw"></i></MkButton>
<MkButton v-tooltip="i18n.ts.share" class="button" rounded @click="share"><i class="ph-share-network ph-bold ph-lg ti-fw"></i></MkButton> <MkButton v-tooltip="i18n.ts.share" class="button" rounded @click="share"><i class="ti ti-share ti-fw"></i></MkButton>
</div> </div>
</div> </div>
</div> </div>
@ -109,7 +109,7 @@ function share(ev: MouseEvent) {
}, },
...(isSupportShare() ? [{ ...(isSupportShare() ? [{
text: i18n.ts.share, text: i18n.ts.share,
icon: 'ph-share-network ph-bold ph-lg ti-fw', icon: 'ti ti-share',
action: shareWithNavigator, action: shareWithNavigator,
}] : []), }] : []),
], ev.currentTarget ?? ev.target); ], ev.currentTarget ?? ev.target);

2
packages/frontend/src/pages/gallery/index.vue
View file

@ -116,7 +116,7 @@ const headerTabs = computed(() => [{
}, { }, {
key: 'my', key: 'my',
title: i18n.ts._gallery.my, title: i18n.ts._gallery.my,
icon: 'ph-pencil-simple-line ph-bold ph-lg', icon: 'ti ti-edit',
}]); }]);
definePageMetadata(() => ({ definePageMetadata(() => ({

4
packages/frontend/src/pages/gallery/post.vue
View file

@ -29,8 +29,8 @@ SPDX-License-Identifier: AGPL-3.0-only
<div class="other"> <div class="other">
<button v-if="$i && $i.id === post.user.id" v-tooltip="i18n.ts.edit" v-click-anime class="_button" @click="edit"><i class="ti ti-pencil ti-fw"></i></button> <button v-if="$i && $i.id === post.user.id" v-tooltip="i18n.ts.edit" v-click-anime class="_button" @click="edit"><i class="ti ti-pencil ti-fw"></i></button>
<button v-tooltip="i18n.ts.shareWithNote" v-click-anime class="_button" @click="shareWithNote"><i class="ti ti-repeat ti-fw"></i></button> <button v-tooltip="i18n.ts.shareWithNote" v-click-anime class="_button" @click="shareWithNote"><i class="ti ti-repeat ti-fw"></i></button>
<button v-tooltip="i18n.ts.copyLink" v-click-anime class="_button" @click="copyLink"><i class="ph-share-network ph-bold ph-lg ti-fw"></i></button> <button v-tooltip="i18n.ts.copyLink" v-click-anime class="_button" @click="copyLink"><i class="ti ti-share ti-fw"></i></button>
<button v-if="isSupportShare()" v-tooltip="i18n.ts.share" v-click-anime class="_button" @click="share"><i class="ph-share-network ph-bold ph-lg ti-fw"></i></button> <button v-if="isSupportShare()" v-tooltip="i18n.ts.share" v-click-anime class="_button" @click="share"><i class="ti ti-share ti-fw"></i></button>
</div> </div>
</div> </div>
<div class="user"> <div class="user">

2
packages/frontend/src/pages/instance-info.vue
View file

@ -287,7 +287,7 @@ const headerTabs = computed(() => [{
definePageMetadata(() => ({ definePageMetadata(() => ({
title: props.host, title: props.host,
icon: 'ph-hard-drives ph-bold ph-lg', icon: 'ti ti-server',
})); }));
</script> </script>

2
packages/frontend/src/pages/page-editor/els/page-editor.el.note.vue
View file

@ -6,7 +6,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<template> <template>
<!-- eslint-disable vue/no-mutating-props --> <!-- eslint-disable vue/no-mutating-props -->
<XContainer :draggable="true" @remove="() => $emit('remove')"> <XContainer :draggable="true" @remove="() => $emit('remove')">
<template #header><i class="ph-note ph-bold ph-lg"></i> {{ i18n.ts._pages.blocks.note }}</template> <template #header><i class="ti ti-note"></i> {{ i18n.ts._pages.blocks.note }}</template>
<section style="padding: 16px;" class="_gaps_s"> <section style="padding: 16px;" class="_gaps_s">
<MkInput v-model="id"> <MkInput v-model="id">

2
packages/frontend/src/pages/page-editor/els/page-editor.el.section.vue
View file

@ -6,7 +6,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<template> <template>
<!-- eslint-disable vue/no-mutating-props --> <!-- eslint-disable vue/no-mutating-props -->
<XContainer :draggable="true" @remove="() => $emit('remove')"> <XContainer :draggable="true" @remove="() => $emit('remove')">
<template #header><i class="ph-note ph-bold ph-lg"></i> {{ props.modelValue.title }}</template> <template #header><i class="ti ti-note"></i> {{ props.modelValue.title }}</template>
<template #func> <template #func>
<button class="_button" @click="rename()"> <button class="_button" @click="rename()">
<i class="ti ti-pencil"></i> <i class="ti ti-pencil"></i>

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

@ -280,7 +280,7 @@ const headerTabs = computed(() => [{
}, { }, {
key: 'contents', key: 'contents',
title: i18n.ts._pages.contents, title: i18n.ts._pages.contents,
icon: 'ph-note ph-bold ph-lg', icon: 'ti ti-note',
}]); }]);
definePageMetadata(() => ({ definePageMetadata(() => ({

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

@ -48,7 +48,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</div> </div>
<div :class="$style.pageBannerTitleSubActions"> <div :class="$style.pageBannerTitleSubActions">
<MkA v-if="page.userId === $i?.id" v-tooltip="i18n.ts._pages.editThisPage" :to="`/pages/edit/${page.id}`" class="_button" :class="$style.generalActionButton"><i class="ti ti-pencil ti-fw"></i></MkA> <MkA v-if="page.userId === $i?.id" v-tooltip="i18n.ts._pages.editThisPage" :to="`/pages/edit/${page.id}`" class="_button" :class="$style.generalActionButton"><i class="ti ti-pencil ti-fw"></i></MkA>
<button v-tooltip="i18n.ts.share" class="_button" :class="$style.generalActionButton" @click="share"><i class="ph-share-network ph-bold ph-lg ti-fw"></i></button> <button v-tooltip="i18n.ts.share" class="_button" :class="$style.generalActionButton" @click="share"><i class="ti ti-share ti-fw"></i></button>
</div> </div>
</div> </div>
</div> </div>
@ -63,7 +63,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</div> </div>
<div :class="$style.other"> <div :class="$style.other">
<button v-tooltip="i18n.ts.copyLink" class="_button" :class="$style.generalActionButton" @click="copyLink"><i class="ti ti-link ti-fw"></i></button> <button v-tooltip="i18n.ts.copyLink" class="_button" :class="$style.generalActionButton" @click="copyLink"><i class="ti ti-link ti-fw"></i></button>
<button v-tooltip="i18n.ts.share" class="_button" :class="$style.generalActionButton" @click="share"><i class="ph-share-network ph-bold ph-lg ti-fw"></i></button> <button v-tooltip="i18n.ts.share" class="_button" :class="$style.generalActionButton" @click="share"><i class="ti ti-share ti-fw"></i></button>
</div> </div>
</div> </div>
<div :class="$style.pageUser"> <div :class="$style.pageUser">
@ -175,7 +175,7 @@ function share(ev: MouseEvent) {
}, },
...(isSupportShare() ? [{ ...(isSupportShare() ? [{
text: i18n.ts.share, text: i18n.ts.share,
icon: 'ph-share-network', icon: 'ti ti-share',
action: shareWithNavigator, action: shareWithNavigator,
}] : []), }] : []),
], ev.currentTarget ?? ev.target); ], ev.currentTarget ?? ev.target);

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

@ -81,7 +81,7 @@ const headerTabs = computed(() => [{
}, { }, {
key: 'my', key: 'my',
title: i18n.ts._pages.my, title: i18n.ts._pages.my,
icon: 'ph-pencil-simple-line ph-bold ph-lg', icon: 'ti ti-edit',
}, { }, {
key: 'liked', key: 'liked',
title: i18n.ts._pages.liked, title: i18n.ts._pages.liked,
@ -90,6 +90,6 @@ const headerTabs = computed(() => [{
definePageMetadata(() => ({ definePageMetadata(() => ({
title: i18n.ts.pages, title: i18n.ts.pages,
icon: 'ph-note ph-bold ph-lg', icon: 'ti ti-note',
})); }));
</script> </script>

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

@ -35,7 +35,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<MkInput v-model="profile.birthday" :max="setMaxBirthDate()" type="date" manualSave> <MkInput v-model="profile.birthday" :max="setMaxBirthDate()" type="date" manualSave>
<template #label>{{ i18n.ts.birthday }}</template> <template #label>{{ i18n.ts.birthday }}</template>
<template #prefix><i class="ph-cake ph-bold ph-lg"></i></template> <template #prefix><i class="ti ti-cake"></i></template>
</MkInput> </MkInput>
<MkInput v-model="profile.listenbrainz" manualSave> <MkInput v-model="profile.listenbrainz" manualSave>

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

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

4
packages/frontend/src/pages/user/home.vue
View file

@ -26,7 +26,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<span v-if="user.isLocked" :title="i18n.ts.isLocked"><i class="ti ti-lock"></i></span> <span v-if="user.isLocked" :title="i18n.ts.isLocked"><i class="ti ti-lock"></i></span>
<span v-if="user.isBot" :title="i18n.ts.isBot"><i class="ph-robot ph-bold ph-lg"></i></span> <span v-if="user.isBot" :title="i18n.ts.isBot"><i class="ph-robot ph-bold ph-lg"></i></span>
<button v-if="$i && !isEditingMemo && !memoDraft" class="_button add-note-button" @click="showMemoTextarea"> <button v-if="$i && !isEditingMemo && !memoDraft" class="_button add-note-button" @click="showMemoTextarea">
<i class="ph-pencil-simple-line ph-bold ph-lg"/> {{ i18n.ts.addMemo }} <i class="ti ti-edit"/> {{ i18n.ts.addMemo }}
</button> </button>
</div> </div>
</div> </div>
@ -83,7 +83,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<dd class="value">{{ user.location }}</dd> <dd class="value">{{ user.location }}</dd>
</dl> </dl>
<dl v-if="user.birthday" class="field"> <dl v-if="user.birthday" class="field">
<dt class="name"><i class="ph-cake ph-bold ph-lg ti-fw"></i> {{ i18n.ts.birthday }}</dt> <dt class="name"><i class="ti ti-cake ti-fw"></i> {{ i18n.ts.birthday }}</dt>
<dd class="value">{{ user.birthday.replace('-', '/').replace('-', '/') }} ({{ i18n.tsx.yearsOld({ age }) }})</dd> <dd class="value">{{ user.birthday.replace('-', '/').replace('-', '/') }} ({{ i18n.tsx.yearsOld({ age }) }})</dd>
</dl> </dl>
<dl class="field"> <dl class="field">

4
packages/frontend/src/scripts/get-note-menu.ts
View file

@ -342,7 +342,7 @@ export function getNoteMenu(props: {
}, },
} : undefined, } : undefined,
...(isSupportShare() ? [{ ...(isSupportShare() ? [{
icon: 'ph-share-network ph-bold ph-lg', icon: 'ti ti-share',
text: i18n.ts.share, text: i18n.ts.share,
action: share, action: share,
}] : []), }] : []),
@ -456,7 +456,7 @@ export function getNoteMenu(props: {
action: edit, action: edit,
} : undefined, } : undefined,
{ {
icon: 'ph-pencil-simple-line ph-bold ph-lg', icon: 'ti ti-edit',
text: i18n.ts.deleteAndEdit, text: i18n.ts.deleteAndEdit,
danger: true, danger: true,
action: delEdit, action: delEdit,

10
packages/frontend/src/scripts/get-user-menu.ts
View file

@ -165,20 +165,20 @@ export function getUserMenu(user: Misskey.entities.UserDetailed, router: IRouter
router.push(`/admin/user/${user.id}`); router.push(`/admin/user/${user.id}`);
}, },
}] : []), { }] : []), {
icon: 'ph-rss ph-bold ph-lg', icon: 'ti ti-rss',
text: i18n.ts.copyRSS, text: i18n.ts.copyRSS,
action: () => { action: () => {
copyToClipboard(`${user.host ?? host}/@${user.username}.atom`); copyToClipboard(`${user.host ?? host}/@${user.username}.atom`);
}, },
}, ...(user.host != null && user.url != null ? [{ }, ...(user.host != null && user.url != null ? [{
icon: 'ph-share ph-bold ph-lg', icon: 'ti ti-external-link',
text: i18n.ts.showOnRemote, text: i18n.ts.showOnRemote,
action: () => { action: () => {
if (user.url == null) return; if (user.url == null) return;
window.open(user.url, '_blank', 'noopener'); window.open(user.url, '_blank', 'noopener');
}, },
}] : []), { }] : []), {
icon: 'ph-share-network ph-bold ph-lg', icon: 'ti ti-share',
text: i18n.ts.copyProfileUrl, text: i18n.ts.copyProfileUrl,
action: () => { action: () => {
const canonical = user.host === null ? `@${user.username}` : `@${user.username}@${toUnicode(user.host)}`; const canonical = user.host === null ? `@${user.username}` : `@${user.username}@${toUnicode(user.host)}`;
@ -305,7 +305,7 @@ export function getUserMenu(user: Misskey.entities.UserDetailed, router: IRouter
// フォローしたとしても user.isFollowing はリアルタイム更新されないので不便なため // フォローしたとしても user.isFollowing はリアルタイム更新されないので不便なため
//if (user.isFollowing) { //if (user.isFollowing) {
menu = menu.concat([{ menu = menu.concat([{
icon: user.withReplies ? 'ph-envelope-open ph-bold ph-lg' : 'ph-envelope ph-bold ph-lg-off', icon: user.withReplies ? 'ti ti-messages-off' : 'ti ti-messages',
text: user.withReplies ? i18n.ts.hideRepliesToOthersInTimeline : i18n.ts.showRepliesToOthersInTimeline, text: user.withReplies ? i18n.ts.hideRepliesToOthersInTimeline : i18n.ts.showRepliesToOthersInTimeline,
action: toggleWithReplies, action: toggleWithReplies,
}, { }, {
@ -331,7 +331,7 @@ export function getUserMenu(user: Misskey.entities.UserDetailed, router: IRouter
if (user.isFollowed) { if (user.isFollowed) {
menu = menu.concat([{ menu = menu.concat([{
icon: 'ph-link ph-bold ph-lg-off', icon: 'ti ti-link-off',
text: i18n.ts.breakFollow, text: i18n.ts.breakFollow,
action: invalidateFollow, action: invalidateFollow,
}]); }]);

6
packages/frontend/src/ui/_common_/common.ts
View file

@ -77,7 +77,7 @@ export function openInstanceMenu(ev: MouseEvent) {
} : undefined, { } : undefined, {
type: 'parent', type: 'parent',
text: i18n.ts.tools, text: i18n.ts.tools,
icon: 'ph-toolbox ph-bold ph-lg', icon: 'ti ti-tool',
children: toolsMenuItems(), children: toolsMenuItems(),
}, { type: 'divider' }, { }, { type: 'divider' }, {
type: 'link', type: 'link',
@ -110,13 +110,13 @@ export function openInstanceMenu(ev: MouseEvent) {
}, },
} : undefined, (!instance.impressumUrl && !instance.tosUrl && !instance.privacyPolicyUrl && !instance.donationUrl) ? undefined : { type: 'divider' }, { } : undefined, (!instance.impressumUrl && !instance.tosUrl && !instance.privacyPolicyUrl && !instance.donationUrl) ? undefined : { type: 'divider' }, {
text: i18n.ts.document, text: i18n.ts.document,
icon: 'ph-libghtbulb ph-bold ph-lg', icon: 'ti ti-bulb',
action: () => { action: () => {
window.open('https://misskey-hub.net/docs/for-users/', '_blank', 'noopener'); window.open('https://misskey-hub.net/docs/for-users/', '_blank', 'noopener');
}, },
}, ($i) ? { }, ($i) ? {
text: i18n.ts._initialTutorial.launchTutorial, text: i18n.ts._initialTutorial.launchTutorial,
icon: 'ph-presentation ph-bold ph-lg', icon: 'ti ti-presentation',
action: () => { action: () => {
os.popup(defineAsyncComponent(() => import('@/components/MkTutorialDialog.vue')), {}, {}, 'closed'); os.popup(defineAsyncComponent(() => import('@/components/MkTutorialDialog.vue')), {}, {}, 'closed');
}, },

4
packages/frontend/src/ui/_common_/navbar-for-mobile.vue
View file

@ -27,10 +27,10 @@ SPDX-License-Identifier: AGPL-3.0-only
</template> </template>
<div :class="$style.divider"></div> <div :class="$style.divider"></div>
<MkA v-if="$i.isAdmin || $i.isModerator" :class="$style.item" :activeClass="$style.active" to="/admin"> <MkA v-if="$i.isAdmin || $i.isModerator" :class="$style.item" :activeClass="$style.active" to="/admin">
<i :class="$style.itemIcon" class="ph-gauge ph-bold ph-lg ti-fw"></i><span :class="$style.itemText">{{ i18n.ts.controlPanel }}</span> <i :class="$style.itemIcon" class="ti ti-dashboard ti-fw"></i><span :class="$style.itemText">{{ i18n.ts.controlPanel }}</span>
</MkA> </MkA>
<button :class="$style.item" class="_button" @click="more"> <button :class="$style.item" class="_button" @click="more">
<i :class="$style.itemIcon" class="ph-dots-nine ph-bold ph-lg ti-fw"></i><span :class="$style.itemText">{{ i18n.ts.more }}</span> <i :class="$style.itemIcon" class="ti ti-grid-dots ti-fw"></i><span :class="$style.itemText">{{ i18n.ts.more }}</span>
<span v-if="otherMenuItemIndicated" :class="$style.itemIndicator"><i class="_indicatorCircle"></i></span> <span v-if="otherMenuItemIndicated" :class="$style.itemIndicator"><i class="_indicatorCircle"></i></span>
</button> </button>
<MkA :class="$style.item" :activeClass="$style.active" to="/settings"> <MkA :class="$style.item" :activeClass="$style.active" to="/settings">

4
packages/frontend/src/ui/_common_/navbar.vue
View file

@ -37,10 +37,10 @@ SPDX-License-Identifier: AGPL-3.0-only
</template> </template>
<div :class="$style.divider"></div> <div :class="$style.divider"></div>
<MkA v-if="$i.isAdmin || $i.isModerator" v-tooltip.noDelay.right="i18n.ts.controlPanel" :class="$style.item" :activeClass="$style.active" to="/admin"> <MkA v-if="$i.isAdmin || $i.isModerator" v-tooltip.noDelay.right="i18n.ts.controlPanel" :class="$style.item" :activeClass="$style.active" to="/admin">
<i :class="$style.itemIcon" class="ph-gauge ph-bold ph-lg ti-fw"></i><span :class="$style.itemText">{{ i18n.ts.controlPanel }}</span> <i :class="$style.itemIcon" class="ti ti-dashboard ti-fw"></i><span :class="$style.itemText">{{ i18n.ts.controlPanel }}</span>
</MkA> </MkA>
<button class="_button" :class="$style.item" @click="more"> <button class="_button" :class="$style.item" @click="more">
<i :class="$style.itemIcon" class="ph-dots-nine ph-bold ph-lg ti-fw"></i><span :class="$style.itemText">{{ i18n.ts.more }}</span> <i :class="$style.itemIcon" class="ti ti-grid-dots ti-fw"></i><span :class="$style.itemText">{{ i18n.ts.more }}</span>
<span v-if="otherMenuItemIndicated" :class="$style.itemIndicator"><i class="_indicatorCircle"></i></span> <span v-if="otherMenuItemIndicated" :class="$style.itemIndicator"><i class="_indicatorCircle"></i></span>
</button> </button>
<MkA v-tooltip.noDelay.right="i18n.ts.settings" :class="$style.item" :activeClass="$style.active" to="/settings"> <MkA v-tooltip.noDelay.right="i18n.ts.settings" :class="$style.item" :activeClass="$style.active" to="/settings">

2
packages/frontend/src/ui/classic.header.vue
View file

@ -22,7 +22,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</template> </template>
<div class="divider"></div> <div class="divider"></div>
<MkA v-if="$i.isAdmin || $i.isModerator" v-click-anime v-tooltip="i18n.ts.controlPanel" class="item" activeClass="active" to="/admin" :behavior="settingsWindowed ? 'window' : null"> <MkA v-if="$i.isAdmin || $i.isModerator" v-click-anime v-tooltip="i18n.ts.controlPanel" class="item" activeClass="active" to="/admin" :behavior="settingsWindowed ? 'window' : null">
<i class="ph-gauge ph-bold ph-lg ti-fw"></i> <i class="ti ti-dashboard ti-fw"></i>
</MkA> </MkA>
<button v-click-anime class="item _button" @click="more"> <button v-click-anime class="item _button" @click="more">
<i class="ti ti-dots ti-fw"></i> <i class="ti ti-dots ti-fw"></i>

2
packages/frontend/src/ui/classic.sidebar.vue
View file

@ -29,7 +29,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</template> </template>
<div class="divider"></div> <div class="divider"></div>
<MkA v-if="$i.isAdmin || $i.isModerator" v-click-anime class="item" activeClass="active" to="/admin" :behavior="settingsWindowed ? 'window' : null"> <MkA v-if="$i.isAdmin || $i.isModerator" v-click-anime class="item" activeClass="active" to="/admin" :behavior="settingsWindowed ? 'window' : null">
<i class="ph-gauge ph-bold ph-lg ti-fw"></i><span class="text">{{ i18n.ts.controlPanel }}</span> <i class="ti ti-dashboard ti-fw"></i><span class="text">{{ i18n.ts.controlPanel }}</span>
</MkA> </MkA>
<button v-click-anime class="item _button" @click="more"> <button v-click-anime class="item _button" @click="more">
<i class="ti ti-dots ti-fw"></i><span class="text">{{ i18n.ts.more }}</span> <i class="ti ti-dots ti-fw"></i><span class="text">{{ i18n.ts.more }}</span>

2
packages/frontend/src/ui/deck/channel-column.vue
View file

@ -111,7 +111,7 @@ const menu: MenuItem[] = [{
text: i18n.ts.fileAttachedOnly, text: i18n.ts.fileAttachedOnly,
ref: onlyFiles, ref: onlyFiles,
}, { }, {
icon: 'ph-bell-ringing ph-bold ph-lg', icon: 'ti ti-bell',
text: i18n.ts._deck.newNoteNotificationSettings, text: i18n.ts._deck.newNoteNotificationSettings,
action: () => soundSettingsButton(soundSetting), action: () => soundSettingsButton(soundSetting),
}]; }];

2
packages/frontend/src/ui/deck/list-column.vue
View file

@ -101,7 +101,7 @@ const menu: MenuItem[] = [
ref: onlyFiles, ref: onlyFiles,
}, },
{ {
icon: 'ph-bell-ringing ph-bold ph-lg', icon: 'ti ti-bell',
text: i18n.ts._deck.newNoteNotificationSettings, text: i18n.ts._deck.newNoteNotificationSettings,
action: () => soundSettingsButton(soundSetting), action: () => soundSettingsButton(soundSetting),
}, },

2
packages/frontend/src/ui/deck/role-timeline-column.vue
View file

@ -68,7 +68,7 @@ const menu: MenuItem[] = [{
text: i18n.ts.role, text: i18n.ts.role,
action: setRole, action: setRole,
}, { }, {
icon: 'ph-bell-ringing ph-bold ph-lg', icon: 'ti ti-bell',
text: i18n.ts._deck.newNoteNotificationSettings, text: i18n.ts._deck.newNoteNotificationSettings,
action: () => soundSettingsButton(soundSetting), action: () => soundSettingsButton(soundSetting),
}]; }];

6
packages/frontend/src/ui/deck/tl-column.vue
View file

@ -8,7 +8,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<template #header> <template #header>
<i v-if="column.tl === 'home'" class="ti ti-home"></i> <i v-if="column.tl === 'home'" class="ti ti-home"></i>
<i v-else-if="column.tl === 'local'" class="ti ti-planet"></i> <i v-else-if="column.tl === 'local'" class="ti ti-planet"></i>
<i v-else-if="column.tl === 'social'" class="ph-rocket-launch ph-bold ph-lg"></i> <i v-else-if="column.tl === 'social'" class="ti ti-universe"></i>
<i v-else-if="column.tl === 'bubble'" class="ph-thumb-up ph-bold ph-lg"></i> <i v-else-if="column.tl === 'bubble'" class="ph-thumb-up ph-bold ph-lg"></i>
<i v-else-if="column.tl === 'global'" class="ti ti-whirl"></i> <i v-else-if="column.tl === 'global'" class="ti ti-whirl"></i>
<span style="margin-left: 8px;">{{ column.name }}</span> <span style="margin-left: 8px;">{{ column.name }}</span>
@ -16,7 +16,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<div v-if="(((column.tl === 'local' || column.tl === 'social') && !isLocalTimelineAvailable) || (column.tl === 'bubble' && !isBubbleTimelineAvailable) || (column.tl === 'global' && !isGlobalTimelineAvailable))" :class="$style.disabled"> <div v-if="(((column.tl === 'local' || column.tl === 'social') && !isLocalTimelineAvailable) || (column.tl === 'bubble' && !isBubbleTimelineAvailable) || (column.tl === 'global' && !isGlobalTimelineAvailable))" :class="$style.disabled">
<p :class="$style.disabledTitle"> <p :class="$style.disabledTitle">
<i class="ph-minus-circle ph-bold ph-lg"></i> <i class="ti ti-circle-minus"></i>
{{ i18n.ts._disabledTimeline.title }} {{ i18n.ts._disabledTimeline.title }}
</p> </p>
<p :class="$style.disabledDescription">{{ i18n.ts._disabledTimeline.description }}</p> <p :class="$style.disabledDescription">{{ i18n.ts._disabledTimeline.description }}</p>
@ -132,7 +132,7 @@ const menu: MenuItem[] = [{
text: i18n.ts.timeline, text: i18n.ts.timeline,
action: setType, action: setType,
}, { }, {
icon: 'ph-bell-ringing ph-bold ph-lg', icon: 'ti ti-bell',
text: i18n.ts._deck.newNoteNotificationSettings, text: i18n.ts._deck.newNoteNotificationSettings,
action: () => soundSettingsButton(soundSetting), action: () => soundSettingsButton(soundSetting),
}, { }, {

2
packages/frontend/src/widgets/WidgetBirthdayFollowings.vue
View file

@ -5,7 +5,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<template> <template>
<MkContainer :showHeader="widgetProps.showHeader" class="mkw-bdayfollowings"> <MkContainer :showHeader="widgetProps.showHeader" class="mkw-bdayfollowings">
<template #icon><i class="ph-cake ph-bold ph-lg"></i></template> <template #icon><i class="ti ti-cake"></i></template>
<template #header>{{ i18n.ts._widgets.birthdayFollowings }}</template> <template #header>{{ i18n.ts._widgets.birthdayFollowings }}</template>
<template #func="{ buttonStyleClass }"><button class="_button" :class="buttonStyleClass" @click="actualFetch()"><i class="ti ti-refresh"></i></button></template> <template #func="{ buttonStyleClass }"><button class="_button" :class="buttonStyleClass" @click="actualFetch()"><i class="ti ti-refresh"></i></button></template>

2
packages/frontend/src/widgets/WidgetMemo.vue
View file

@ -5,7 +5,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<template> <template>
<MkContainer :showHeader="widgetProps.showHeader" data-cy-mkw-memo class="mkw-memo"> <MkContainer :showHeader="widgetProps.showHeader" data-cy-mkw-memo class="mkw-memo">
<template #icon><i class="ph-note ph-bold ph-lg"></i></template> <template #icon><i class="ti ti-note"></i></template>
<template #header>{{ i18n.ts._widgets.memo }}</template> <template #header>{{ i18n.ts._widgets.memo }}</template>
<div :class="$style.root"> <div :class="$style.root">

2
packages/frontend/src/widgets/WidgetPhotos.vue
View file

@ -5,7 +5,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<template> <template>
<MkContainer :showHeader="widgetProps.showHeader" :naked="widgetProps.transparent" :class="$style.root" :data-transparent="widgetProps.transparent ? true : null" data-cy-mkw-photos class="mkw-photos"> <MkContainer :showHeader="widgetProps.showHeader" :naked="widgetProps.transparent" :class="$style.root" :data-transparent="widgetProps.transparent ? true : null" data-cy-mkw-photos class="mkw-photos">
<template #icon><i class="ph-camera ph-bold ph-lg"></i></template> <template #icon><i class="ti ti-camera"></i></template>
<template #header>{{ i18n.ts._widgets.photos }}</template> <template #header>{{ i18n.ts._widgets.photos }}</template>
<div class=""> <div class="">

2
packages/frontend/src/widgets/WidgetRss.vue
View file

@ -5,7 +5,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<template> <template>
<MkContainer :showHeader="widgetProps.showHeader" data-cy-mkw-rss class="mkw-rss"> <MkContainer :showHeader="widgetProps.showHeader" data-cy-mkw-rss class="mkw-rss">
<template #icon><i class="ph-rss ph-bold ph-lg"></i></template> <template #icon><i class="ti ti-rss"></i></template>
<template #header>RSS</template> <template #header>RSS</template>
<template #func="{ buttonStyleClass }"><button class="_button" :class="buttonStyleClass" @click="configure"><i class="ti ti-settings"></i></button></template> <template #func="{ buttonStyleClass }"><button class="_button" :class="buttonStyleClass" @click="configure"><i class="ti ti-settings"></i></button></template>

2
packages/frontend/src/widgets/WidgetRssTicker.vue
View file

@ -5,7 +5,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<template> <template>
<MkContainer :naked="widgetProps.transparent" :showHeader="widgetProps.showHeader" class="mkw-rss-ticker"> <MkContainer :naked="widgetProps.transparent" :showHeader="widgetProps.showHeader" class="mkw-rss-ticker">
<template #icon><i class="ph-rss ph-bold ph-lg"></i></template> <template #icon><i class="ti ti-rss"></i></template>
<template #header>RSS</template> <template #header>RSS</template>
<template #func="{ buttonStyleClass }"><button class="_button" :class="buttonStyleClass" @click="configure"><i class="ti ti-settings"></i></button></template> <template #func="{ buttonStyleClass }"><button class="_button" :class="buttonStyleClass" @click="configure"><i class="ti ti-settings"></i></button></template>

2
packages/frontend/src/widgets/server-metric/cpu.vue
View file

@ -7,7 +7,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<div class="vrvdvrys"> <div class="vrvdvrys">
<XPie class="pie" :value="usage"/> <XPie class="pie" :value="usage"/>
<div> <div>
<p><i class="ph-cpu ph-bold ph-lg"></i>CPU</p> <p><i class="ti ti-cpu"></i>CPU</p>
<p>{{ meta.cpu.cores }} Logical cores</p> <p>{{ meta.cpu.cores }} Logical cores</p>
<p>{{ meta.cpu.model }}</p> <p>{{ meta.cpu.model }}</p>
</div> </div>

2
packages/frontend/src/widgets/server-metric/index.vue
View file

@ -5,7 +5,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<template> <template>
<MkContainer :showHeader="widgetProps.showHeader" :naked="widgetProps.transparent"> <MkContainer :showHeader="widgetProps.showHeader" :naked="widgetProps.transparent">
<template #icon><i class="ph-hard-drives ph-bold ph-lg"></i></template> <template #icon><i class="ti ti-server"></i></template>
<template #header>{{ i18n.ts._widgets.serverMetric }}</template> <template #header>{{ i18n.ts._widgets.serverMetric }}</template>
<template #func="{ buttonStyleClass }"><button class="_button" :class="buttonStyleClass" @click="toggleView()"><i class="ti ti-selector"></i></button></template> <template #func="{ buttonStyleClass }"><button class="_button" :class="buttonStyleClass" @click="toggleView()"><i class="ti ti-selector"></i></button></template>

15
packages/frontend/vite.config.ts
View file

@ -366,6 +366,21 @@ export function getConfig(): UserConfig {
'ti ti-selector': 'ph-caret-up-down ph-bold ph-lg', 'ti ti-selector': 'ph-caret-up-down ph-bold ph-lg',
'ti ti-chart-line': 'ph-chart-line ph-bold ph-lg', 'ti ti-chart-line': 'ph-chart-line ph-bold ph-lg',
'ti ti-stack-2': 'ph-stack ph-bold ph-lg', 'ti ti-stack-2': 'ph-stack ph-bold ph-lg',
'ti ti-server': 'ph-hard-drives ph-bold ph-lg',
'ti ti-cpu': 'ph-cpu ph-bold ph-lg',
'ti ti-rss': 'ph-rss ph-bold ph-lg',
'ti ti-camera': 'ph-camera ph-bold ph-lg',
'ti ti-note': 'ph-note ph-bold ph-lg',
'ti ti-cake': 'ph-cake ph-bold ph-lg',
'ti ti-circle-minus': 'ph-minus-circle ph-bold ph-lg',
'ti ti-dashboard': 'ph-gauge ph-bold ph-lg',
'ti ti-grid-dots': 'ph-dots-nine ph-bold ph-lg',
'ti ti-presentation': 'ph-presentation ph-bold ph-lg',
'ti ti-bulb': 'ph-libghtbulb ph-bold ph-lg',
'ti ti-link-off': 'ph-link-break ph-bold ph-lg',
'ti ti-messages-off': 'ph-envelope-open ph-bold ph-lg',
'ti ti-share': 'ph-share-network ph-bold ph-lg',
'ti ti-edit': 'ph-pencil-simple-line ph-bold ph-lg',
}, },
}), }),
...process.env.NODE_ENV === 'production' ...process.env.NODE_ENV === 'production'