From 917ef465a5520137b478ffcf16af5a9e717d7a40 Mon Sep 17 00:00:00 2001 From: syuilo Date: Mon, 19 Dec 2022 19:01:30 +0900 Subject: [PATCH] Use tabler icons (#9354) * wip * wip * wip * Update style.scss * wip * wip * wip * wip --- gulpfile.js | 6 +- .../backend/src/server/web/views/base.pug | 2 +- packages/client/package.json | 2 +- packages/client/src/account.ts | 4 +- .../src/components/MkAbuseReportWindow.vue | 2 +- packages/client/src/components/MkButton.vue | 2 +- .../src/components/MkChannelFollowButton.vue | 6 +- .../src/components/MkChannelPreview.vue | 6 +- .../client/src/components/MkContainer.vue | 4 +- .../src/components/MkDateSeparatedList.vue | 4 +- packages/client/src/components/MkDialog.vue | 14 ++--- .../client/src/components/MkDrive.file.vue | 12 ++-- .../client/src/components/MkDrive.folder.vue | 8 +-- .../src/components/MkDrive.navFolder.vue | 2 +- packages/client/src/components/MkDrive.vue | 14 ++--- .../src/components/MkDriveFileThumbnail.vue | 18 +++--- .../src/components/MkEmojiPicker.section.vue | 2 +- .../client/src/components/MkEmojiPicker.vue | 10 ++-- packages/client/src/components/MkFolder.vue | 4 +- .../client/src/components/MkFollowButton.vue | 8 +-- packages/client/src/components/MkGoogle.vue | 2 +- packages/client/src/components/MkInfo.vue | 4 +- .../client/src/components/MkLaunchPad.vue | 4 +- packages/client/src/components/MkLink.vue | 5 +- .../client/src/components/MkMediaBanner.vue | 13 +++-- .../client/src/components/MkMediaImage.vue | 4 +- .../client/src/components/MkMediaVideo.vue | 4 +- packages/client/src/components/MkMenu.vue | 18 +++--- .../src/components/MkModalPageWindow.vue | 12 ++-- .../client/src/components/MkModalWindow.vue | 6 +- packages/client/src/components/MkNote.vue | 26 ++++----- .../client/src/components/MkNoteDetailed.vue | 20 +++---- packages/client/src/components/MkNoteSub.vue | 2 +- .../client/src/components/MkNotification.vue | 34 +++++------ .../client/src/components/MkPageWindow.vue | 12 ++-- packages/client/src/components/MkPoll.vue | 2 +- .../client/src/components/MkPollEditor.vue | 4 +- packages/client/src/components/MkPostForm.vue | 42 +++++++------- .../src/components/MkPostFormAttaches.vue | 10 ++-- .../client/src/components/MkRemoteCaution.vue | 2 +- .../client/src/components/MkRenoteButton.vue | 8 +-- packages/client/src/components/MkSignin.vue | 4 +- packages/client/src/components/MkSignup.vue | 50 ++++++++--------- .../src/components/MkSubNoteContent.vue | 2 +- .../client/src/components/MkSuperMenu.vue | 6 +- .../client/src/components/MkUrlPreview.vue | 2 +- .../client/src/components/MkVisibility.vue | 8 +-- .../src/components/MkVisibilityPicker.vue | 12 ++-- .../client/src/components/MkWaitingDialog.vue | 2 +- packages/client/src/components/MkWidgets.vue | 8 +-- packages/client/src/components/MkWindow.vue | 2 +- .../client/src/components/form/checkbox.vue | 2 +- .../client/src/components/form/folder.vue | 8 +-- packages/client/src/components/form/input.vue | 2 +- packages/client/src/components/form/link.vue | 4 +- packages/client/src/components/form/radio.vue | 3 +- .../client/src/components/form/select.vue | 4 +- .../client/src/components/form/suspense.vue | 2 +- .../client/src/components/form/textarea.vue | 2 +- packages/client/src/components/global/MkA.vue | 8 +-- .../client/src/components/global/MkAd.vue | 2 +- .../client/src/components/global/MkError.vue | 2 +- .../src/components/global/MkPageHeader.vue | 2 +- .../client/src/components/global/MkUrl.vue | 2 +- .../client/src/components/page/page.post.vue | 4 +- packages/client/src/navbar.ts | 32 +++++------ packages/client/src/pages/_error_.vue | 4 +- packages/client/src/pages/about-misskey.vue | 6 +- packages/client/src/pages/about.emojis.vue | 2 +- .../client/src/pages/about.federation.vue | 2 +- packages/client/src/pages/about.vue | 8 +-- packages/client/src/pages/admin-file.vue | 10 ++-- packages/client/src/pages/admin/abuses.vue | 2 +- packages/client/src/pages/admin/ads.vue | 8 +-- .../client/src/pages/admin/announcements.vue | 8 +-- .../client/src/pages/admin/bot-protection.vue | 14 ++--- packages/client/src/pages/admin/database.vue | 22 ++++---- .../client/src/pages/admin/email-settings.vue | 4 +- .../src/pages/admin/emoji-edit-dialog.vue | 2 +- packages/client/src/pages/admin/emojis.vue | 56 +++++++++---------- packages/client/src/pages/admin/files.vue | 6 +- packages/client/src/pages/admin/index.vue | 48 ++++++++-------- .../client/src/pages/admin/instance-block.vue | 4 +- .../src/pages/admin/integrations.discord.vue | 6 +- .../src/pages/admin/integrations.github.vue | 6 +- .../src/pages/admin/integrations.twitter.vue | 6 +- .../client/src/pages/admin/integrations.vue | 2 +- .../client/src/pages/admin/object-storage.vue | 8 +-- .../client/src/pages/admin/other-settings.vue | 4 +- packages/client/src/pages/admin/overview.vue | 2 +- packages/client/src/pages/admin/relays.vue | 12 ++-- packages/client/src/pages/admin/security.vue | 12 ++-- packages/client/src/pages/admin/settings.vue | 22 ++++---- packages/client/src/pages/admin/users.vue | 8 +-- packages/client/src/pages/announcements.vue | 4 +- .../client/src/pages/antenna-timeline.vue | 4 +- packages/client/src/pages/api-console.vue | 4 +- packages/client/src/pages/channel-editor.vue | 10 ++-- packages/client/src/pages/channel.vue | 12 ++-- packages/client/src/pages/channels.vue | 10 ++-- packages/client/src/pages/clip.vue | 6 +- packages/client/src/pages/drive.vue | 2 +- packages/client/src/pages/emojis.emoji.vue | 2 +- packages/client/src/pages/explore.users.vue | 18 +++--- packages/client/src/pages/explore.vue | 8 +-- packages/client/src/pages/favorites.vue | 2 +- packages/client/src/pages/follow-requests.vue | 6 +- packages/client/src/pages/gallery/edit.vue | 14 ++--- packages/client/src/pages/gallery/index.vue | 14 ++--- packages/client/src/pages/gallery/post.vue | 14 ++--- packages/client/src/pages/instance-info.vue | 14 ++--- packages/client/src/pages/messaging/index.vue | 8 +-- .../pages/messaging/messaging-room.form.vue | 6 +- .../messaging/messaging-room.message.vue | 2 +- .../src/pages/messaging/messaging-room.vue | 4 +- packages/client/src/pages/mfm-cheat-sheet.vue | 2 +- .../client/src/pages/my-antennas/create.vue | 2 +- .../client/src/pages/my-antennas/edit.vue | 2 +- .../client/src/pages/my-antennas/editor.vue | 4 +- .../client/src/pages/my-antennas/index.vue | 4 +- packages/client/src/pages/my-clips/index.vue | 6 +- packages/client/src/pages/my-lists/index.vue | 6 +- packages/client/src/pages/my-lists/list.vue | 4 +- packages/client/src/pages/not-found.vue | 2 +- packages/client/src/pages/note.vue | 4 +- packages/client/src/pages/notifications.vue | 12 ++-- .../page-editor/els/page-editor.el.button.vue | 2 +- .../els/page-editor.el.counter.vue | 2 +- .../page-editor/els/page-editor.el.if.vue | 2 +- .../els/page-editor.el.number-input.vue | 2 +- .../page-editor/els/page-editor.el.post.vue | 2 +- .../els/page-editor.el.radio-button.vue | 2 +- .../els/page-editor.el.section.vue | 4 +- .../page-editor/els/page-editor.el.switch.vue | 2 +- .../els/page-editor.el.text-input.vue | 2 +- .../els/page-editor.el.textarea-input.vue | 2 +- .../page-editor/page-editor.container.vue | 8 +-- .../page-editor/page-editor.script-block.vue | 4 +- .../src/pages/page-editor/page-editor.vue | 22 ++++---- packages/client/src/pages/page.vue | 8 +-- packages/client/src/pages/pages.vue | 8 +-- packages/client/src/pages/preview.vue | 2 +- packages/client/src/pages/registry.keys.vue | 2 +- packages/client/src/pages/registry.value.vue | 6 +- packages/client/src/pages/registry.vue | 2 +- packages/client/src/pages/reset-password.vue | 4 +- packages/client/src/pages/scratchpad.vue | 4 +- packages/client/src/pages/search.vue | 2 +- packages/client/src/pages/settings/2fa.vue | 4 +- .../src/pages/settings/account-info.vue | 2 +- .../client/src/pages/settings/accounts.vue | 6 +- packages/client/src/pages/settings/api.vue | 2 +- packages/client/src/pages/settings/apps.vue | 4 +- .../client/src/pages/settings/custom-css.vue | 2 +- packages/client/src/pages/settings/deck.vue | 2 +- .../src/pages/settings/delete-account.vue | 2 +- packages/client/src/pages/settings/drive.vue | 2 +- packages/client/src/pages/settings/email.vue | 6 +- .../client/src/pages/settings/general.vue | 10 ++-- .../src/pages/settings/import-export.vue | 38 ++++++------- packages/client/src/pages/settings/index.vue | 50 ++++++++--------- .../src/pages/settings/instance-mute.vue | 4 +- .../client/src/pages/settings/integration.vue | 2 +- .../client/src/pages/settings/mute-block.vue | 2 +- packages/client/src/pages/settings/navbar.vue | 2 +- .../src/pages/settings/notifications.vue | 4 +- packages/client/src/pages/settings/other.vue | 6 +- .../src/pages/settings/plugin.install.vue | 4 +- packages/client/src/pages/settings/plugin.vue | 8 +-- .../pages/settings/preferences-backups.vue | 12 ++-- .../client/src/pages/settings/privacy.vue | 2 +- .../client/src/pages/settings/profile.vue | 6 +- .../client/src/pages/settings/reaction.vue | 8 +-- .../client/src/pages/settings/security.vue | 6 +- packages/client/src/pages/settings/sounds.vue | 4 +- .../client/src/pages/settings/statusbar.vue | 2 +- .../src/pages/settings/theme.install.vue | 6 +- .../src/pages/settings/theme.manage.vue | 2 +- packages/client/src/pages/settings/theme.vue | 14 ++--- .../src/pages/settings/webhook.edit.vue | 6 +- .../client/src/pages/settings/webhook.new.vue | 6 +- .../client/src/pages/settings/webhook.vue | 8 +-- .../client/src/pages/settings/word-mute.vue | 4 +- packages/client/src/pages/share.vue | 2 +- packages/client/src/pages/signup-complete.vue | 2 +- packages/client/src/pages/tag.vue | 2 +- packages/client/src/pages/theme-editor.vue | 8 +-- .../client/src/pages/timeline.tutorial.vue | 8 +-- packages/client/src/pages/timeline.vue | 16 +++--- packages/client/src/pages/user-info.vue | 16 +++--- .../client/src/pages/user-list-timeline.vue | 4 +- packages/client/src/pages/user/followers.vue | 2 +- packages/client/src/pages/user/following.vue | 2 +- packages/client/src/pages/user/home.vue | 16 +++--- .../client/src/pages/user/index.activity.vue | 4 +- packages/client/src/pages/user/index.vue | 10 ++-- .../client/src/pages/welcome.entrance.a.vue | 8 +-- .../client/src/pages/welcome.entrance.b.vue | 6 +- .../client/src/pages/welcome.entrance.c.vue | 8 +-- packages/client/src/pages/welcome.setup.vue | 2 +- .../client/src/pages/welcome.timeline.vue | 2 +- packages/client/src/scripts/get-note-menu.ts | 46 +++++++-------- packages/client/src/scripts/get-user-menu.ts | 28 +++++----- packages/client/src/scripts/hpml/index.ts | 2 +- packages/client/src/scripts/hpml/lib.ts | 18 +++--- packages/client/src/scripts/select-file.ts | 6 +- packages/client/src/style.scss | 19 +++++++ .../src/ui/_common_/navbar-for-mobile.vue | 32 +++++------ packages/client/src/ui/_common_/navbar.vue | 32 +++++------ packages/client/src/ui/classic.header.vue | 16 +++--- packages/client/src/ui/classic.sidebar.vue | 16 +++--- packages/client/src/ui/classic.vue | 2 +- packages/client/src/ui/classic.widgets.vue | 4 +- packages/client/src/ui/deck.vue | 18 +++--- .../client/src/ui/deck/antenna-column.vue | 4 +- packages/client/src/ui/deck/column.vue | 24 ++++---- packages/client/src/ui/deck/direct-column.vue | 2 +- packages/client/src/ui/deck/list-column.vue | 4 +- packages/client/src/ui/deck/main-column.vue | 2 +- .../client/src/ui/deck/mentions-column.vue | 2 +- .../src/ui/deck/notifications-column.vue | 4 +- packages/client/src/ui/deck/tl-column.vue | 12 ++-- .../client/src/ui/deck/widgets-column.vue | 2 +- packages/client/src/ui/universal.vue | 14 ++--- packages/client/src/ui/universal.widgets.vue | 4 +- packages/client/src/ui/visitor/b.vue | 6 +- packages/client/src/ui/visitor/header.vue | 20 +++---- packages/client/src/widgets/activity.vue | 4 +- packages/client/src/widgets/aiscript.vue | 2 +- packages/client/src/widgets/federation.vue | 2 +- packages/client/src/widgets/job-queue.vue | 4 +- packages/client/src/widgets/notifications.vue | 4 +- packages/client/src/widgets/rss-ticker.vue | 4 +- packages/client/src/widgets/rss.vue | 4 +- .../client/src/widgets/server-metric/cpu.vue | 2 +- .../client/src/widgets/server-metric/disk.vue | 2 +- .../src/widgets/server-metric/index.vue | 4 +- packages/client/src/widgets/timeline.vue | 26 ++++----- packages/client/src/widgets/trends.vue | 2 +- yarn.lock | 24 +++++--- 240 files changed, 981 insertions(+), 947 deletions(-) diff --git a/gulpfile.js b/gulpfile.js index 90f8ebaabe..07a8a99d69 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -19,8 +19,8 @@ gulp.task('copy:client:fonts', () => gulp.src('./packages/client/node_modules/three/examples/fonts/**/*').pipe(gulp.dest('./built/_client_dist_/fonts/')) ); -gulp.task('copy:client:fontawesome', () => - gulp.src('./packages/client/node_modules/@fortawesome/fontawesome-free/**/*').pipe(gulp.dest('./built/_client_dist_/fontawesome/')) +gulp.task('copy:client:tabler-icons', () => + gulp.src('./packages/client/node_modules/@tabler/icons/iconfont/**/*').pipe(gulp.dest('./built/_client_dist_/tabler-icons/')) ); gulp.task('copy:client:locales', cb => { @@ -53,7 +53,7 @@ gulp.task('build:backend:style', () => { }); gulp.task('build', gulp.parallel( - 'copy:client:locales', 'copy:backend:views', 'build:backend:script', 'build:backend:style', 'copy:client:fonts', 'copy:client:fontawesome' + 'copy:client:locales', 'copy:backend:views', 'build:backend:script', 'build:backend:style', 'copy:client:fonts', 'copy:client:tabler-icons' )); gulp.task('default', gulp.task('build')); diff --git a/packages/backend/src/server/web/views/base.pug b/packages/backend/src/server/web/views/base.pug index 7d802d37ce..1b3ac82d2e 100644 --- a/packages/backend/src/server/web/views/base.pug +++ b/packages/backend/src/server/web/views/base.pug @@ -34,7 +34,7 @@ html link(rel='prefetch' href='https://xn--931a.moe/assets/info.jpg') link(rel='prefetch' href='https://xn--931a.moe/assets/not-found.jpg') link(rel='prefetch' href='https://xn--931a.moe/assets/error.jpg') - link(rel='stylesheet' href='/assets/fontawesome/css/all.css') + link(rel='stylesheet' href='/assets/tabler-icons/tabler-icons.css') link(rel='modulepreload' href=`/assets/${clientEntry.file}`) if Array.isArray(clientEntry.css) diff --git a/packages/client/package.json b/packages/client/package.json index 34556d5fda..6ed9c5d1fe 100644 --- a/packages/client/package.json +++ b/packages/client/package.json @@ -8,11 +8,11 @@ }, "dependencies": { "@discordapp/twemoji": "14.0.2", - "@fortawesome/fontawesome-free": "6.1.2", "@rollup/plugin-alias": "4.0.2", "@rollup/plugin-json": "6.0.0", "@rollup/pluginutils": "5.0.2", "@syuilo/aiscript": "0.11.1", + "@tabler/icons": "^1.117.0", "@vitejs/plugin-vue": "4.0.0", "@vue/compiler-sfc": "3.2.45", "autobind-decorator": "2.4.0", diff --git a/packages/client/src/account.ts b/packages/client/src/account.ts index e9c29d6b0d..0e991cdfb5 100644 --- a/packages/client/src/account.ts +++ b/packages/client/src/account.ts @@ -213,7 +213,7 @@ export async function openAccountMenu(opts: { avatar: $i, }, null, ...(opts.includeCurrentAccount ? [createItem($i)] : []), ...accountItemPromises, { type: 'parent', - icon: 'fas fa-plus', + icon: 'ti ti-plus', text: i18n.ts.addAccount, children: [{ text: i18n.ts.existingAccount, @@ -224,7 +224,7 @@ export async function openAccountMenu(opts: { }], }, { type: 'link', - icon: 'fas fa-users', + icon: 'ti ti-users', text: i18n.ts.manageAccounts, to: '/settings/accounts', }]], ev.currentTarget ?? ev.target, { diff --git a/packages/client/src/components/MkAbuseReportWindow.vue b/packages/client/src/components/MkAbuseReportWindow.vue index 1862d0a0e4..03890b4e97 100644 --- a/packages/client/src/components/MkAbuseReportWindow.vue +++ b/packages/client/src/components/MkAbuseReportWindow.vue @@ -1,7 +1,7 @@ diff --git a/packages/client/src/components/MkGoogle.vue b/packages/client/src/components/MkGoogle.vue index bb4b439ee8..d104cd4cd4 100644 --- a/packages/client/src/components/MkGoogle.vue +++ b/packages/client/src/components/MkGoogle.vue @@ -1,7 +1,7 @@ diff --git a/packages/client/src/components/MkInfo.vue b/packages/client/src/components/MkInfo.vue index 4fdfc5c5e6..2eb6bdbe47 100644 --- a/packages/client/src/components/MkInfo.vue +++ b/packages/client/src/components/MkInfo.vue @@ -1,7 +1,7 @@ diff --git a/packages/client/src/components/MkLaunchPad.vue b/packages/client/src/components/MkLaunchPad.vue index 19283178c9..1ccc648c72 100644 --- a/packages/client/src/components/MkLaunchPad.vue +++ b/packages/client/src/components/MkLaunchPad.vue @@ -6,12 +6,12 @@
{{ item.text }}
- + diff --git a/packages/client/src/components/MkLink.vue b/packages/client/src/components/MkLink.vue index 649523abc2..6148ec6195 100644 --- a/packages/client/src/components/MkLink.vue +++ b/packages/client/src/components/MkLink.vue @@ -1,9 +1,10 @@ diff --git a/packages/client/src/components/MkMediaBanner.vue b/packages/client/src/components/MkMediaBanner.vue index 5093f11e97..aa06c00fc6 100644 --- a/packages/client/src/components/MkMediaBanner.vue +++ b/packages/client/src/components/MkMediaBanner.vue @@ -1,25 +1,28 @@ diff --git a/packages/client/src/components/MkMediaVideo.vue b/packages/client/src/components/MkMediaVideo.vue index 5c38691e69..df0bf84116 100644 --- a/packages/client/src/components/MkMediaVideo.vue +++ b/packages/client/src/components/MkMediaVideo.vue @@ -1,7 +1,7 @@ diff --git a/packages/client/src/components/MkMenu.vue b/packages/client/src/components/MkMenu.vue index 87755916a7..64d18b6b7c 100644 --- a/packages/client/src/components/MkMenu.vue +++ b/packages/client/src/components/MkMenu.vue @@ -16,33 +16,33 @@ - + {{ item.text }} - + - + {{ item.text }} - + {{ item.text }} diff --git a/packages/client/src/components/MkModalPageWindow.vue b/packages/client/src/components/MkModalPageWindow.vue index cc3f4c96cc..82b04b6670 100644 --- a/packages/client/src/components/MkModalPageWindow.vue +++ b/packages/client/src/components/MkModalPageWindow.vue @@ -2,13 +2,13 @@
- + {{ pageMetadata?.value.title }} - +
@@ -68,22 +68,22 @@ const contextmenu = $computed(() => { type: 'label', text: path, }, { - icon: 'fas fa-expand-alt', + icon: 'ti ti-arrows-maximize', text: i18n.ts.showInPage, action: expand, }, { - icon: 'fas fa-external-link-alt', + icon: 'ti ti-external-link', text: i18n.ts.popout, action: popout, }, null, { - icon: 'fas fa-external-link-alt', + icon: 'ti ti-external-link', text: i18n.ts.openInNewTab, action: () => { window.open(pageUrl, '_blank'); modal.close(); }, }, { - icon: 'fas fa-link', + icon: 'ti ti-link', text: i18n.ts.copyLink, action: () => { copyToClipboard(pageUrl); diff --git a/packages/client/src/components/MkModalWindow.vue b/packages/client/src/components/MkModalWindow.vue index 5acd8c921f..d977ca6e9c 100644 --- a/packages/client/src/components/MkModalWindow.vue +++ b/packages/client/src/components/MkModalWindow.vue @@ -2,12 +2,12 @@
- + - - + +
diff --git a/packages/client/src/components/MkNote.vue b/packages/client/src/components/MkNote.vue index 97eadb1945..da51d14f03 100644 --- a/packages/client/src/components/MkNote.vue +++ b/packages/client/src/components/MkNote.vue @@ -10,12 +10,12 @@ :class="{ renote: isRenote }" > -
{{ i18n.ts.pinnedNote }}
-
{{ i18n.ts.promotion }}
-
{{ i18n.ts.featured }}
+
{{ i18n.ts.pinnedNote }}
+
{{ i18n.ts.promotion }}
+
{{ i18n.ts.featured }}
- + diff --git a/packages/client/src/components/MkNotification.vue b/packages/client/src/components/MkNotification.vue index c00e9fbf42..dd846e3e66 100644 --- a/packages/client/src/components/MkNotification.vue +++ b/packages/client/src/components/MkNotification.vue @@ -5,16 +5,16 @@
- - - + + + - - - - - - + + + + + + - + - + - + - + @@ -52,14 +52,14 @@ - + - + - + - + {{ i18n.ts.youGotNewFollower }}
 {{ i18n.ts.followRequestAccepted }} diff --git a/packages/client/src/components/MkPageWindow.vue b/packages/client/src/components/MkPageWindow.vue index d58b914036..d5fff4be0a 100644 --- a/packages/client/src/components/MkPageWindow.vue +++ b/packages/client/src/components/MkPageWindow.vue @@ -57,7 +57,7 @@ const buttonsLeft = $computed(() => { if (history.length > 1) { buttons.push({ - icon: 'fas fa-arrow-left', + icon: 'ti ti-arrow-left', onClick: back, }); } @@ -66,7 +66,7 @@ const buttonsLeft = $computed(() => { }); const buttonsRight = $computed(() => { const buttons = [{ - icon: 'fas fa-expand-alt', + icon: 'ti ti-arrows-maximize', title: i18n.ts.showInPage, onClick: expand, }]; @@ -86,22 +86,22 @@ provide('shouldOmitHeaderTitle', true); provide('shouldHeaderThin', true); const contextmenu = $computed(() => ([{ - icon: 'fas fa-expand-alt', + icon: 'ti ti-arrows-maximize', text: i18n.ts.showInPage, action: expand, }, { - icon: 'fas fa-external-link-alt', + icon: 'ti ti-external-link', text: i18n.ts.popout, action: popout, }, { - icon: 'fas fa-external-link-alt', + icon: 'ti ti-external-link', text: i18n.ts.openInNewTab, action: () => { window.open(url + router.getCurrentPath(), '_blank'); windowEl.close(); }, }, { - icon: 'fas fa-link', + icon: 'ti ti-link', text: i18n.ts.copyLink, action: () => { copyToClipboard(url + router.getCurrentPath()); diff --git a/packages/client/src/components/MkPoll.vue b/packages/client/src/components/MkPoll.vue index d90af1cfee..a1b927e42a 100644 --- a/packages/client/src/components/MkPoll.vue +++ b/packages/client/src/components/MkPoll.vue @@ -4,7 +4,7 @@
  • - + ({{ $t('_poll.votesCount', { n: choice.votes }) }}) diff --git a/packages/client/src/components/MkPollEditor.vue b/packages/client/src/components/MkPollEditor.vue index 3b08a63535..4b3bc58ed9 100644 --- a/packages/client/src/components/MkPollEditor.vue +++ b/packages/client/src/components/MkPollEditor.vue @@ -1,14 +1,14 @@ @@ -113,19 +113,19 @@ export default defineComponent({ if (this.menu) return; this.menu = os.popupMenu([{ text: this.$ts.renameFile, - icon: 'fas fa-i-cursor', + icon: 'ti ti-cursor-text', action: () => { this.rename(file); }, }, { text: file.isSensitive ? this.$ts.unmarkAsSensitive : this.$ts.markAsSensitive, - icon: file.isSensitive ? 'fas fa-eye-slash' : 'fas fa-eye', + icon: file.isSensitive ? 'ti ti-eye-off' : 'ti ti-eye', action: () => { this.toggleSensitive(file); }, }, { text: this.$ts.describeFile, - icon: 'fas fa-i-cursor', + icon: 'ti ti-cursor-text', action: () => { this.describe(file); }, }, { text: this.$ts.attachCancel, - icon: 'fas fa-times-circle', + icon: 'ti ti-circle-x', action: () => { this.detachMedia(file.id); }, }], ev.currentTarget ?? ev.target).then(() => this.menu = null); }, diff --git a/packages/client/src/components/MkRemoteCaution.vue b/packages/client/src/components/MkRemoteCaution.vue index e9461197ca..d5dc01c1f8 100644 --- a/packages/client/src/components/MkRemoteCaution.vue +++ b/packages/client/src/components/MkRemoteCaution.vue @@ -1,5 +1,5 @@ diff --git a/packages/client/src/pages/about-misskey.vue b/packages/client/src/pages/about-misskey.vue index 7bcccea98f..3ec972bcda 100644 --- a/packages/client/src/pages/about-misskey.vue +++ b/packages/client/src/pages/about-misskey.vue @@ -20,17 +20,17 @@
    - + {{ i18n.ts._aboutMisskey.source }} - + {{ i18n.ts._aboutMisskey.translation }} - + {{ i18n.ts._aboutMisskey.donate }} diff --git a/packages/client/src/pages/about.emojis.vue b/packages/client/src/pages/about.emojis.vue index df64378c01..53ce1e4b75 100644 --- a/packages/client/src/pages/about.emojis.vue +++ b/packages/client/src/pages/about.emojis.vue @@ -2,7 +2,7 @@
    - + - {{ i18n.ts.save }} + {{ i18n.ts.save }}
    @@ -88,11 +88,11 @@
    - + - {{ i18n.ts.save }} + {{ i18n.ts.save }}
    @@ -174,6 +174,6 @@ const headerTabs = $computed(() => []); definePageMetadata({ title: i18n.ts.security, - icon: 'fas fa-lock', + icon: 'ti ti-lock', }); diff --git a/packages/client/src/pages/admin/settings.vue b/packages/client/src/pages/admin/settings.vue index cf6b1f17e9..460eb92694 100644 --- a/packages/client/src/pages/admin/settings.vue +++ b/packages/client/src/pages/admin/settings.vue @@ -14,7 +14,7 @@ - + @@ -24,7 +24,7 @@ - + @@ -54,22 +54,22 @@ - + - + - + - + @@ -118,12 +118,12 @@ @@ -133,7 +133,7 @@ - + @@ -248,7 +248,7 @@ function save() { const headerActions = $computed(() => [{ asFullButton: true, - icon: 'fas fa-check', + icon: 'ti ti-check', text: i18n.ts.save, handler: save, }]); @@ -257,6 +257,6 @@ const headerTabs = $computed(() => []); definePageMetadata({ title: i18n.ts.general, - icon: 'fas fa-cog', + icon: 'ti ti-settings', }); diff --git a/packages/client/src/pages/admin/users.vue b/packages/client/src/pages/admin/users.vue index eeb335a430..bf630d28d2 100644 --- a/packages/client/src/pages/admin/users.vue +++ b/packages/client/src/pages/admin/users.vue @@ -115,17 +115,17 @@ function show(user) { } const headerActions = $computed(() => [{ - icon: 'fas fa-search', + icon: 'ti ti-search', text: i18n.ts.search, handler: searchUser, }, { asFullButton: true, - icon: 'fas fa-plus', + icon: 'ti ti-plus', text: i18n.ts.addUser, handler: addUser, }, { asFullButton: true, - icon: 'fas fa-search', + icon: 'ti ti-search', text: i18n.ts.lookup, handler: lookupUser, }]); @@ -134,7 +134,7 @@ const headerTabs = $computed(() => []); definePageMetadata(computed(() => ({ title: i18n.ts.users, - icon: 'fas fa-users', + icon: 'ti ti-users', }))); diff --git a/packages/client/src/pages/announcements.vue b/packages/client/src/pages/announcements.vue index 5f66596997..6a93b3b9fa 100644 --- a/packages/client/src/pages/announcements.vue +++ b/packages/client/src/pages/announcements.vue @@ -10,7 +10,7 @@
    - {{ $ts.gotIt }} + {{ $ts.gotIt }}
    @@ -46,7 +46,7 @@ const headerTabs = $computed(() => []); definePageMetadata({ title: i18n.ts.announcements, - icon: 'fas fa-broadcast-tower', + icon: 'ti ti-speakerphone', }); diff --git a/packages/client/src/pages/antenna-timeline.vue b/packages/client/src/pages/antenna-timeline.vue index 500cb3a7c5..592131b2a8 100644 --- a/packages/client/src/pages/antenna-timeline.vue +++ b/packages/client/src/pages/antenna-timeline.vue @@ -76,7 +76,7 @@ const headerActions = $computed(() => antenna ? [{ text: i18n.ts.jumpToSpecifiedDate, handler: timetravel, }, { - icon: 'fas fa-cog', + icon: 'ti ti-settings', text: i18n.ts.settings, handler: settings, }] : []); @@ -85,7 +85,7 @@ const headerTabs = $computed(() => []); definePageMetadata(computed(() => antenna ? { title: antenna.name, - icon: 'fas fa-satellite', + icon: 'ti ti-antenna', } : null)); diff --git a/packages/client/src/pages/api-console.vue b/packages/client/src/pages/api-console.vue index 0064e4c3f1..a46b85462e 100644 --- a/packages/client/src/pages/api-console.vue +++ b/packages/client/src/pages/api-console.vue @@ -15,7 +15,7 @@ - +
    • @@ -84,6 +84,6 @@ const headerTabs = $computed(() => []); definePageMetadata({ title: 'API console', - icon: 'fas fa-terminal', + icon: 'ti ti-terminal-2', }); diff --git a/packages/client/src/pages/channel-editor.vue b/packages/client/src/pages/channel-editor.vue index 3e94b5f041..5ae7e63f99 100644 --- a/packages/client/src/pages/channel-editor.vue +++ b/packages/client/src/pages/channel-editor.vue @@ -12,14 +12,14 @@
    - {{ channelId ? i18n.ts.save : i18n.ts.create }} + {{ channelId ? i18n.ts.save : i18n.ts.create }}
    @@ -110,10 +110,10 @@ const headerTabs = $computed(() => []); definePageMetadata(computed(() => props.channelId ? { title: i18n.ts._channel.edit, - icon: 'fas fa-satellite-dish', + icon: 'ti ti-device-tv', } : { title: i18n.ts._channel.create, - icon: 'fas fa-satellite-dish', + icon: 'ti ti-device-tv', })); diff --git a/packages/client/src/pages/channel.vue b/packages/client/src/pages/channel.vue index 380c3efc8e..f271bb270f 100644 --- a/packages/client/src/pages/channel.vue +++ b/packages/client/src/pages/channel.vue @@ -6,15 +6,15 @@
    - + @@ -53,7 +53,7 @@ function create() { } const headerActions = $computed(() => [{ - icon: 'fas fa-plus', + icon: 'ti ti-plus', text: i18n.ts.create, handler: create, }]); @@ -65,15 +65,15 @@ const headerTabs = $computed(() => [{ }, { key: 'following', title: i18n.ts._channel.following, - icon: 'fas fa-heart', + icon: 'ti ti-heart', }, { key: 'owned', title: i18n.ts._channel.owned, - icon: 'fas fa-edit', + icon: 'ti ti-edit', }]); definePageMetadata(computed(() => ({ title: i18n.ts.channel, - icon: 'fas fa-satellite-dish', + icon: 'ti ti-device-tv', }))); diff --git a/packages/client/src/pages/clip.vue b/packages/client/src/pages/clip.vue index 5b56651bdd..e0fbcb6bed 100644 --- a/packages/client/src/pages/clip.vue +++ b/packages/client/src/pages/clip.vue @@ -53,7 +53,7 @@ watch(() => props.clipId, async () => { provide('currentClipPage', $$(clip)); const headerActions = $computed(() => clip && isOwned ? [{ - icon: 'fas fa-pencil-alt', + icon: 'ti ti-pencil', text: i18n.ts.edit, handler: async (): Promise => { const { canceled, result } = await os.form(clip.name, { @@ -83,7 +83,7 @@ const headerActions = $computed(() => clip && isOwned ? [{ }); }, }, { - icon: 'fas fa-trash-alt', + icon: 'ti ti-trash', text: i18n.ts.delete, danger: true, handler: async (): Promise => { @@ -101,7 +101,7 @@ const headerActions = $computed(() => clip && isOwned ? [{ definePageMetadata(computed(() => clip ? { title: clip.name, - icon: 'fas fa-paperclip', + icon: 'ti ti-paperclip', } : null)); diff --git a/packages/client/src/pages/drive.vue b/packages/client/src/pages/drive.vue index 088f0eacdc..04ade5c207 100644 --- a/packages/client/src/pages/drive.vue +++ b/packages/client/src/pages/drive.vue @@ -19,7 +19,7 @@ const headerTabs = $computed(() => []); definePageMetadata(computed(() => ({ title: folder ? folder.name : i18n.ts.drive, - icon: 'fas fa-cloud', + icon: 'ti ti-cloud', hideHeader: true, }))); diff --git a/packages/client/src/pages/emojis.emoji.vue b/packages/client/src/pages/emojis.emoji.vue index b2801694db..04bf4ef167 100644 --- a/packages/client/src/pages/emojis.emoji.vue +++ b/packages/client/src/pages/emojis.emoji.vue @@ -24,7 +24,7 @@ function menu(ev) { text: ':' + props.emoji.name + ':', }, { text: i18n.ts.copy, - icon: 'fas fa-copy', + icon: 'ti ti-copy', action: () => { copyToClipboard(`:${props.emoji.name}:`); os.success(); diff --git a/packages/client/src/pages/explore.users.vue b/packages/client/src/pages/explore.users.vue index e16e40b8ed..bfee0a6c07 100644 --- a/packages/client/src/pages/explore.users.vue +++ b/packages/client/src/pages/explore.users.vue @@ -7,26 +7,26 @@
    - +
    {{ tag.tag }} @@ -35,21 +35,21 @@ - + diff --git a/packages/client/src/pages/explore.vue b/packages/client/src/pages/explore.vue index 279960d139..6b0bcdaf62 100644 --- a/packages/client/src/pages/explore.vue +++ b/packages/client/src/pages/explore.vue @@ -12,7 +12,7 @@
    - + @@ -69,11 +69,11 @@ const headerActions = $computed(() => []); const headerTabs = $computed(() => [{ key: 'featured', - icon: 'fas fa-bolt', + icon: 'ti ti-bolt', title: i18n.ts.featured, }, { key: 'users', - icon: 'fas fa-users', + icon: 'ti ti-users', title: i18n.ts.users, }, { key: 'search', @@ -82,6 +82,6 @@ const headerTabs = $computed(() => [{ definePageMetadata(computed(() => ({ title: i18n.ts.explore, - icon: 'fas fa-hashtag', + icon: 'ti ti-hash', }))); diff --git a/packages/client/src/pages/favorites.vue b/packages/client/src/pages/favorites.vue index 32a1dbf592..ab47efec71 100644 --- a/packages/client/src/pages/favorites.vue +++ b/packages/client/src/pages/favorites.vue @@ -37,7 +37,7 @@ const pagingComponent = ref>(); definePageMetadata({ title: i18n.ts.favorites, - icon: 'fas fa-star', + icon: 'ti ti-star', }); diff --git a/packages/client/src/pages/follow-requests.vue b/packages/client/src/pages/follow-requests.vue index 82d7164260..2bef35746e 100644 --- a/packages/client/src/pages/follow-requests.vue +++ b/packages/client/src/pages/follow-requests.vue @@ -22,8 +22,8 @@
    - - + +
    @@ -67,7 +67,7 @@ const headerTabs = $computed(() => []); definePageMetadata(computed(() => ({ title: i18n.ts.followRequests, - icon: 'fas fa-user-clock', + icon: 'ti ti-user-clock', }))); diff --git a/packages/client/src/pages/gallery/edit.vue b/packages/client/src/pages/gallery/edit.vue index 8f716d9eb3..c8111d7890 100644 --- a/packages/client/src/pages/gallery/edit.vue +++ b/packages/client/src/pages/gallery/edit.vue @@ -14,17 +14,17 @@
    {{ file.name }}
    - +
    - {{ i18n.ts.attachFile }} + {{ i18n.ts.attachFile }}
    {{ i18n.ts.markAsSensitive }} - {{ i18n.ts.save }} - {{ i18n.ts.publish }} + {{ i18n.ts.save }} + {{ i18n.ts.publish }} - {{ i18n.ts.delete }} + {{ i18n.ts.delete }} @@ -115,10 +115,10 @@ const headerTabs = $computed(() => []); definePageMetadata(computed(() => props.postId ? { title: i18n.ts.edit, - icon: 'fas fa-pencil-alt', + icon: 'ti ti-pencil', } : { title: i18n.ts.postToGallery, - icon: 'fas fa-pencil-alt', + icon: 'ti ti-pencil', })); diff --git a/packages/client/src/pages/gallery/index.vue b/packages/client/src/pages/gallery/index.vue index 598383217e..b04c1fad94 100644 --- a/packages/client/src/pages/gallery/index.vue +++ b/packages/client/src/pages/gallery/index.vue @@ -5,7 +5,7 @@
    - +
    @@ -29,7 +29,7 @@
    - {{ i18n.ts.postToGallery }} + {{ i18n.ts.postToGallery }}
    @@ -98,7 +98,7 @@ watch(() => props.tag, () => { }); const headerActions = $computed(() => [{ - icon: 'fas fa-plus', + icon: 'ti ti-plus', text: i18n.ts.create, handler: () => { router.push('/gallery/new'); @@ -108,20 +108,20 @@ const headerActions = $computed(() => [{ const headerTabs = $computed(() => [{ key: 'explore', title: i18n.ts.gallery, - icon: 'fas fa-icons', + icon: 'ti ti-icons', }, { key: 'liked', title: i18n.ts._gallery.liked, - icon: 'fas fa-heart', + icon: 'ti ti-heart', }, { key: 'my', title: i18n.ts._gallery.my, - icon: 'fas fa-edit', + icon: 'ti ti-edit', }]); definePageMetadata({ title: i18n.ts.gallery, - icon: 'fas fa-icons', + icon: 'ti ti-icons', }); diff --git a/packages/client/src/pages/gallery/post.vue b/packages/client/src/pages/gallery/post.vue index 3804bcdcf5..7a125cfaab 100644 --- a/packages/client/src/pages/gallery/post.vue +++ b/packages/client/src/pages/gallery/post.vue @@ -14,17 +14,17 @@
    {{ post.title }}
    - +
    - - - + + +
    @@ -38,7 +38,7 @@
    - +
    @@ -139,7 +139,7 @@ function edit() { watch(() => props.postId, fetchPost, { immediate: true }); const headerActions = $computed(() => [{ - icon: 'fas fa-pencil-alt', + icon: 'ti ti-pencil', text: i18n.ts.edit, handler: edit, }]); diff --git a/packages/client/src/pages/instance-info.vue b/packages/client/src/pages/instance-info.vue index 6e13da0d68..92288f573d 100644 --- a/packages/client/src/pages/instance-info.vue +++ b/packages/client/src/pages/instance-info.vue @@ -28,7 +28,7 @@ {{ i18n.ts.stopActivityDelivery }} {{ i18n.ts.blockThisInstance }} - Refresh metadata + Refresh metadata @@ -195,7 +195,7 @@ fetch(); const headerActions = $computed(() => [{ text: `https://${props.host}`, - icon: 'fas fa-external-link-alt', + icon: 'ti ti-external-link', handler: () => { window.open(`https://${props.host}`, '_blank'); }, @@ -204,24 +204,24 @@ const headerActions = $computed(() => [{ const headerTabs = $computed(() => [{ key: 'overview', title: i18n.ts.overview, - icon: 'fas fa-info-circle', + icon: 'ti ti-info-circle', }, { key: 'chart', title: i18n.ts.charts, - icon: 'fas fa-chart-simple', + icon: 'ti ti-chart-line', }, { key: 'users', title: i18n.ts.users, - icon: 'fas fa-users', + icon: 'ti ti-users', }, { key: 'raw', title: 'Raw', - icon: 'fas fa-code', + icon: 'ti ti-code', }]); definePageMetadata({ title: props.host, - icon: 'fas fa-server', + icon: 'ti ti-server', }); diff --git a/packages/client/src/pages/messaging/index.vue b/packages/client/src/pages/messaging/index.vue index 56d852fe3d..b4cec5f5e9 100644 --- a/packages/client/src/pages/messaging/index.vue +++ b/packages/client/src/pages/messaging/index.vue @@ -3,7 +3,7 @@
    - {{ $ts.startMessaging }} + {{ $ts.startMessaging }}
    { startUser(); }, }, { text: i18n.ts.messagingWithGroup, - icon: 'fas fa-users', + icon: 'ti ti-users', action: () => { startGroup(); }, }], ev.currentTarget ?? ev.target); } @@ -158,7 +158,7 @@ const headerTabs = $computed(() => []); definePageMetadata({ title: i18n.ts.messaging, - icon: 'fas fa-comments', + icon: 'ti ti-messages', }); diff --git a/packages/client/src/pages/messaging/messaging-room.form.vue b/packages/client/src/pages/messaging/messaging-room.form.vue index 4589069df0..ca0ebf554e 100644 --- a/packages/client/src/pages/messaging/messaging-room.form.vue +++ b/packages/client/src/pages/messaging/messaging-room.form.vue @@ -15,10 +15,10 @@
    {{ file.name }}
    - - + +
    diff --git a/packages/client/src/pages/messaging/messaging-room.message.vue b/packages/client/src/pages/messaging/messaging-room.message.vue index 2b5a9569a1..e7cf54a066 100644 --- a/packages/client/src/pages/messaging/messaging-room.message.vue +++ b/packages/client/src/pages/messaging/messaging-room.message.vue @@ -29,7 +29,7 @@ {{ $ts.messageRead }} - +
    diff --git a/packages/client/src/pages/messaging/messaging-room.vue b/packages/client/src/pages/messaging/messaging-room.vue index 37d4145ee8..b6eeb9260e 100644 --- a/packages/client/src/pages/messaging/messaging-room.vue +++ b/packages/client/src/pages/messaging/messaging-room.vue @@ -40,7 +40,7 @@
    - +
    @@ -300,7 +300,7 @@ definePageMetadata(computed(() => !fetching ? user ? { avatar: user, } : { title: group?.name, - icon: 'fas fa-users', + icon: 'ti ti-users', } : null)); diff --git a/packages/client/src/pages/mfm-cheat-sheet.vue b/packages/client/src/pages/mfm-cheat-sheet.vue index bd8ae4e0b6..7c85dfb7ad 100644 --- a/packages/client/src/pages/mfm-cheat-sheet.vue +++ b/packages/client/src/pages/mfm-cheat-sheet.vue @@ -351,7 +351,7 @@ let preview_plain = $ref('**bold** @mention #hashtag `code` $[x2 🍮]

    diff --git a/packages/client/src/pages/my-antennas/create.vue b/packages/client/src/pages/my-antennas/create.vue index dc10bece81..005b036696 100644 --- a/packages/client/src/pages/my-antennas/create.vue +++ b/packages/client/src/pages/my-antennas/create.vue @@ -37,7 +37,7 @@ const headerTabs = $computed(() => []); definePageMetadata({ title: i18n.ts.manageAntennas, - icon: 'fas fa-satellite', + icon: 'ti ti-antenna', }); diff --git a/packages/client/src/pages/my-antennas/edit.vue b/packages/client/src/pages/my-antennas/edit.vue index 53f9b07db0..cb583faaeb 100644 --- a/packages/client/src/pages/my-antennas/edit.vue +++ b/packages/client/src/pages/my-antennas/edit.vue @@ -34,7 +34,7 @@ const headerTabs = $computed(() => []); definePageMetadata({ title: i18n.ts.manageAntennas, - icon: 'fas fa-satellite', + icon: 'ti ti-antenna', }); diff --git a/packages/client/src/pages/my-antennas/editor.vue b/packages/client/src/pages/my-antennas/editor.vue index 054053fbfb..a409a734b5 100644 --- a/packages/client/src/pages/my-antennas/editor.vue +++ b/packages/client/src/pages/my-antennas/editor.vue @@ -38,8 +38,8 @@ {{ i18n.ts.notifyAntenna }}
    - {{ i18n.ts.save }} - {{ i18n.ts.delete }} + {{ i18n.ts.save }} + {{ i18n.ts.delete }}
    diff --git a/packages/client/src/pages/my-antennas/index.vue b/packages/client/src/pages/my-antennas/index.vue index dc73ba674e..9daf23f9b5 100644 --- a/packages/client/src/pages/my-antennas/index.vue +++ b/packages/client/src/pages/my-antennas/index.vue @@ -2,7 +2,7 @@
    - {{ i18n.ts.add }} + {{ i18n.ts.add }}
    @@ -33,7 +33,7 @@ const headerTabs = $computed(() => []); definePageMetadata({ title: i18n.ts.manageAntennas, - icon: 'fas fa-satellite', + icon: 'ti ti-antenna', }); diff --git a/packages/client/src/pages/my-clips/index.vue b/packages/client/src/pages/my-clips/index.vue index 68330d6db4..dd6b5b3a37 100644 --- a/packages/client/src/pages/my-clips/index.vue +++ b/packages/client/src/pages/my-clips/index.vue @@ -3,7 +3,7 @@
    - {{ i18n.ts.add }} + {{ i18n.ts.add }} @@ -70,9 +70,9 @@ const headerTabs = $computed(() => []); definePageMetadata({ title: i18n.ts.clip, - icon: 'fas fa-paperclip', + icon: 'ti ti-paperclip', action: { - icon: 'fas fa-plus', + icon: 'ti ti-plus', handler: create, }, }); diff --git a/packages/client/src/pages/my-lists/index.vue b/packages/client/src/pages/my-lists/index.vue index 9af7c0d105..3476436b27 100644 --- a/packages/client/src/pages/my-lists/index.vue +++ b/packages/client/src/pages/my-lists/index.vue @@ -3,7 +3,7 @@
    - {{ i18n.ts.createList }} + {{ i18n.ts.createList }} @@ -47,9 +47,9 @@ const headerTabs = $computed(() => []); definePageMetadata({ title: i18n.ts.manageLists, - icon: 'fas fa-list-ul', + icon: 'ti ti-list', action: { - icon: 'fas fa-plus', + icon: 'ti ti-plus', handler: create, }, }); diff --git a/packages/client/src/pages/my-lists/list.vue b/packages/client/src/pages/my-lists/list.vue index d90453526e..f6234ffe44 100644 --- a/packages/client/src/pages/my-lists/list.vue +++ b/packages/client/src/pages/my-lists/list.vue @@ -25,7 +25,7 @@
    - +
    @@ -122,7 +122,7 @@ const headerTabs = $computed(() => []); definePageMetadata(computed(() => list ? { title: list.name, - icon: 'fas fa-list-ul', + icon: 'ti ti-list', } : null)); diff --git a/packages/client/src/pages/not-found.vue b/packages/client/src/pages/not-found.vue index 253ecdb235..e58e44ef79 100644 --- a/packages/client/src/pages/not-found.vue +++ b/packages/client/src/pages/not-found.vue @@ -17,6 +17,6 @@ const headerTabs = $computed(() => []); definePageMetadata({ title: i18n.ts.notFound, - icon: 'fas fa-exclamation-triangle', + icon: 'ti ti-alert-triangle', }); diff --git a/packages/client/src/pages/note.vue b/packages/client/src/pages/note.vue index 6509cb306e..ba2bb91239 100644 --- a/packages/client/src/pages/note.vue +++ b/packages/client/src/pages/note.vue @@ -10,7 +10,7 @@
    - +
    @@ -25,7 +25,7 @@
    - +
    diff --git a/packages/client/src/pages/notifications.vue b/packages/client/src/pages/notifications.vue index dd57060fda..7106951de2 100644 --- a/packages/client/src/pages/notifications.vue +++ b/packages/client/src/pages/notifications.vue @@ -50,7 +50,7 @@ function setFilter(ev) { }, })); const items = includeTypes != null ? [{ - icon: 'fas fa-times', + icon: 'ti ti-x', text: i18n.ts.clear, action: () => { includeTypes = null; @@ -61,12 +61,12 @@ function setFilter(ev) { const headerActions = $computed(() => [tab === 'all' ? { text: i18n.ts.filter, - icon: 'fas fa-filter', + icon: 'ti ti-filter', highlighted: includeTypes != null, handler: setFilter, } : undefined, tab === 'all' ? { text: i18n.ts.markAllAsRead, - icon: 'fas fa-check', + icon: 'ti ti-check', handler: () => { os.apiWithDialog('notifications/mark-all-as-read'); }, @@ -81,15 +81,15 @@ const headerTabs = $computed(() => [{ }, { key: 'mentions', title: i18n.ts.mentions, - icon: 'fas fa-at', + icon: 'ti ti-at', }, { key: 'directNotes', title: i18n.ts.directNotes, - icon: 'fas fa-envelope', + icon: 'ti ti-mail', }]); definePageMetadata(computed(() => ({ title: i18n.ts.notifications, - icon: 'fas fa-bell', + icon: 'ti ti-bell', }))); diff --git a/packages/client/src/pages/page-editor/els/page-editor.el.button.vue b/packages/client/src/pages/page-editor/els/page-editor.el.button.vue index 4c2e0e4eb4..0438969afa 100644 --- a/packages/client/src/pages/page-editor/els/page-editor.el.button.vue +++ b/packages/client/src/pages/page-editor/els/page-editor.el.button.vue @@ -1,7 +1,7 @@ @@ -90,6 +90,6 @@ const headerTabs = $computed(() => []); definePageMetadata({ title: 'Edit webhook', - icon: 'fas fa-bolt', + icon: 'ti ti-webhook', }); diff --git a/packages/client/src/pages/settings/webhook.new.vue b/packages/client/src/pages/settings/webhook.new.vue index fcf1329ff6..00a547da69 100644 --- a/packages/client/src/pages/settings/webhook.new.vue +++ b/packages/client/src/pages/settings/webhook.new.vue @@ -9,7 +9,7 @@ - + @@ -26,7 +26,7 @@
    - {{ i18n.ts.create }} + {{ i18n.ts.create }}
    @@ -77,6 +77,6 @@ const headerTabs = $computed(() => []); definePageMetadata({ title: 'Create new webhook', - icon: 'fas fa-bolt', + icon: 'ti ti-webhook', }); diff --git a/packages/client/src/pages/settings/webhook.vue b/packages/client/src/pages/settings/webhook.vue index 1a7e73940c..0e35be0f58 100644 --- a/packages/client/src/pages/settings/webhook.vue +++ b/packages/client/src/pages/settings/webhook.vue @@ -11,10 +11,10 @@