From 7b179d3a92adb91e111aca111d7875bb99748002 Mon Sep 17 00:00:00 2001 From: Insert5StarName Date: Sat, 30 Sep 2023 21:53:52 +0200 Subject: [PATCH] work in progress icons --- .../backend/src/server/web/views/base.pug | 2 +- ...lugin-unwind-css-module-class-name.test.ts | 12 ++-- packages/frontend/src/account.ts | 6 +- .../src/components/MkAbuseReportWindow.vue | 2 +- .../src/components/MkAccountMoved.vue | 2 +- .../src/components/MkAnnouncementDialog.vue | 8 +-- .../src/components/MkChannelFollowButton.vue | 4 +- .../src/components/MkChannelPreview.vue | 6 +- .../frontend/src/components/MkClickerGame.vue | 2 +- .../frontend/src/components/MkContainer.vue | 4 +- .../src/components/MkDateSeparatedList.vue | 4 +- packages/frontend/src/components/MkDialog.vue | 12 ++-- .../frontend/src/components/MkDonation.vue | 2 +- .../src/components/MkDrive.folder.vue | 12 ++-- .../src/components/MkDrive.navFolder.vue | 2 +- packages/frontend/src/components/MkDrive.vue | 16 ++--- .../src/components/MkDriveFileThumbnail.vue | 18 +++--- .../src/components/MkEmojiPicker.section.vue | 2 +- .../frontend/src/components/MkEmojiPicker.vue | 10 +-- .../src/components/MkFoldableSection.vue | 4 +- packages/frontend/src/components/MkFolder.vue | 4 +- .../src/components/MkFollowButton.vue | 8 +-- packages/frontend/src/components/MkGoogle.vue | 2 +- packages/frontend/src/components/MkInfo.vue | 4 +- packages/frontend/src/components/MkInput.vue | 2 +- .../frontend/src/components/MkInviteCode.vue | 4 +- .../frontend/src/components/MkKeyValue.vue | 2 +- packages/frontend/src/components/MkLink.vue | 2 +- .../frontend/src/components/MkMediaBanner.vue | 4 +- .../frontend/src/components/MkMediaImage.vue | 16 ++--- .../frontend/src/components/MkMediaVideo.vue | 6 +- packages/frontend/src/components/MkMenu.vue | 2 +- .../frontend/src/components/MkModalWindow.vue | 6 +- packages/frontend/src/components/MkNote.vue | 52 ++++++++-------- .../src/components/MkNoteDetailed.vue | 58 ++++++++--------- .../frontend/src/components/MkNoteHeader.vue | 12 ++-- .../src/components/MkNotification.vue | 32 +++++----- .../frontend/src/components/MkPageWindow.vue | 6 +- .../src/components/MkPasswordDialog.vue | 6 +- packages/frontend/src/components/MkPoll.vue | 2 +- .../frontend/src/components/MkPollEditor.vue | 4 +- .../frontend/src/components/MkPostForm.vue | 44 ++++++------- .../src/components/MkPostFormAttaches.vue | 12 ++-- .../src/components/MkRemoteCaution.vue | 2 +- .../frontend/src/components/MkRolePreview.vue | 6 +- packages/frontend/src/components/MkSelect.vue | 4 +- packages/frontend/src/components/MkSignin.vue | 6 +- .../src/components/MkSignupDialog.form.vue | 54 ++++++++-------- .../src/components/MkSignupDialog.rules.vue | 12 ++-- .../src/components/MkSubNoteContent.vue | 2 +- packages/frontend/src/components/MkSwitch.vue | 2 +- .../frontend/src/components/MkTextarea.vue | 2 +- .../frontend/src/components/MkUrlPreview.vue | 4 +- .../MkUserAnnouncementEditDialog.vue | 12 ++-- .../frontend/src/components/MkUserPopup.vue | 2 +- .../components/MkUserSetupDialog.Privacy.vue | 8 +-- .../src/components/MkUserSetupDialog.User.vue | 4 +- .../src/components/MkUserSetupDialog.vue | 12 ++-- .../src/components/MkVisibilityPicker.vue | 8 +-- .../src/components/MkVisitorDashboard.vue | 8 +-- .../src/components/MkWaitingDialog.vue | 2 +- .../frontend/src/components/MkWidgets.vue | 8 +-- packages/frontend/src/components/MkWindow.vue | 2 +- .../frontend/src/components/form/link.vue | 4 +- .../frontend/src/components/form/suspense.vue | 4 +- .../frontend/src/components/global/MkA.vue | 6 +- .../frontend/src/components/global/MkAd.vue | 2 +- .../src/components/global/MkError.vue | 2 +- .../global/MkPageHeader.stories.impl.ts | 8 +-- .../frontend/src/components/global/MkUrl.vue | 2 +- packages/frontend/src/navbar.ts | 40 ++++++------ packages/frontend/src/pages/_error_.vue | 4 +- packages/frontend/src/pages/about-sharkey.vue | 4 +- packages/frontend/src/pages/about.emojis.vue | 2 +- .../frontend/src/pages/about.federation.vue | 2 +- packages/frontend/src/pages/about.vue | 6 +- packages/frontend/src/pages/achievements.vue | 2 +- packages/frontend/src/pages/admin-file.vue | 12 ++-- packages/frontend/src/pages/admin-user.vue | 40 ++++++------ .../src/pages/admin/RolesEditorFormula.vue | 4 +- packages/frontend/src/pages/admin/ads.vue | 8 +-- .../src/pages/admin/announcements.vue | 28 ++++----- .../src/pages/admin/bot-protection.vue | 14 ++--- .../frontend/src/pages/admin/branding.vue | 18 +++--- .../frontend/src/pages/admin/database.vue | 2 +- .../src/pages/admin/email-settings.vue | 6 +- .../frontend/src/pages/admin/federation.vue | 4 +- packages/frontend/src/pages/admin/files.vue | 6 +- packages/frontend/src/pages/admin/index.vue | 52 ++++++++-------- .../src/pages/admin/instance-block.vue | 4 +- packages/frontend/src/pages/admin/invites.vue | 4 +- .../frontend/src/pages/admin/moderation.vue | 6 +- packages/frontend/src/pages/admin/modlog.vue | 2 +- .../src/pages/admin/object-storage.vue | 8 +-- .../src/pages/admin/other-settings.vue | 4 +- .../src/pages/admin/overview.federation.vue | 4 +- .../src/pages/admin/overview.stats.vue | 8 +-- .../frontend/src/pages/admin/overview.vue | 2 +- .../frontend/src/pages/admin/queue.chart.vue | 2 +- packages/frontend/src/pages/admin/queue.vue | 6 +- packages/frontend/src/pages/admin/relays.vue | 12 ++-- .../frontend/src/pages/admin/roles.edit.vue | 6 +- .../frontend/src/pages/admin/roles.editor.vue | 8 +-- .../frontend/src/pages/admin/roles.role.vue | 18 +++--- packages/frontend/src/pages/admin/roles.vue | 6 +- .../frontend/src/pages/admin/security.vue | 12 ++-- .../frontend/src/pages/admin/server-rules.vue | 8 +-- .../frontend/src/pages/admin/settings.vue | 12 ++-- packages/frontend/src/pages/admin/users.vue | 8 +-- packages/frontend/src/pages/announcements.vue | 18 +++--- .../frontend/src/pages/antenna-timeline.vue | 4 +- packages/frontend/src/pages/api-console.vue | 2 +- packages/frontend/src/pages/auth.vue | 2 +- .../frontend/src/pages/channel-editor.vue | 16 ++--- packages/frontend/src/pages/channel.vue | 28 ++++----- packages/frontend/src/pages/channels.vue | 16 ++--- packages/frontend/src/pages/clicker.vue | 2 +- packages/frontend/src/pages/clip.vue | 12 ++-- .../src/pages/custom-emojis-manager.vue | 18 +++--- packages/frontend/src/pages/drive.vue | 2 +- .../frontend/src/pages/emoji-edit-dialog.vue | 10 +-- packages/frontend/src/pages/emojis.emoji.vue | 4 +- packages/frontend/src/pages/explore.users.vue | 8 +-- packages/frontend/src/pages/explore.vue | 8 +-- packages/frontend/src/pages/favorites.vue | 2 +- .../frontend/src/pages/flash/flash-edit.vue | 8 +-- .../frontend/src/pages/flash/flash-index.vue | 10 +-- packages/frontend/src/pages/flash/flash.vue | 16 ++--- .../frontend/src/pages/follow-requests.vue | 6 +- packages/frontend/src/pages/gallery/edit.vue | 14 ++--- packages/frontend/src/pages/gallery/index.vue | 14 ++--- packages/frontend/src/pages/gallery/post.vue | 16 ++--- packages/frontend/src/pages/instance-info.vue | 10 +-- packages/frontend/src/pages/invite.vue | 6 +- packages/frontend/src/pages/list.vue | 10 +-- packages/frontend/src/pages/miauth.vue | 2 +- .../frontend/src/pages/my-antennas/create.vue | 2 +- .../frontend/src/pages/my-antennas/edit.vue | 2 +- .../frontend/src/pages/my-antennas/editor.vue | 4 +- .../frontend/src/pages/my-antennas/index.vue | 6 +- .../frontend/src/pages/my-clips/index.vue | 10 +-- .../frontend/src/pages/my-lists/index.vue | 6 +- packages/frontend/src/pages/my-lists/list.vue | 6 +- packages/frontend/src/pages/not-found.vue | 2 +- packages/frontend/src/pages/note.vue | 4 +- packages/frontend/src/pages/notifications.vue | 12 ++-- packages/frontend/src/pages/oauth.vue | 2 +- .../page-editor/els/page-editor.el.image.vue | 4 +- .../els/page-editor.el.section.vue | 4 +- .../page-editor/page-editor.container.vue | 6 +- .../src/pages/page-editor/page-editor.vue | 18 +++--- packages/frontend/src/pages/page.vue | 14 ++--- packages/frontend/src/pages/pages.vue | 10 +-- packages/frontend/src/pages/registry.keys.vue | 2 +- .../frontend/src/pages/registry.value.vue | 6 +- packages/frontend/src/pages/registry.vue | 2 +- .../frontend/src/pages/reset-password.vue | 4 +- packages/frontend/src/pages/role.vue | 8 +-- packages/frontend/src/pages/search.note.vue | 2 +- packages/frontend/src/pages/search.user.vue | 2 +- packages/frontend/src/pages/search.vue | 6 +- .../src/pages/settings/2fa.qrdialog.vue | 2 +- packages/frontend/src/pages/settings/2fa.vue | 10 +-- .../frontend/src/pages/settings/accounts.vue | 8 +-- packages/frontend/src/pages/settings/api.vue | 2 +- packages/frontend/src/pages/settings/apps.vue | 2 +- .../src/pages/settings/custom-css.vue | 2 +- .../src/pages/settings/drive-cleaner.vue | 2 +- .../frontend/src/pages/settings/drive.vue | 4 +- .../frontend/src/pages/settings/email.vue | 6 +- .../frontend/src/pages/settings/general.vue | 10 +-- .../src/pages/settings/import-export.vue | 62 +++++++++---------- .../frontend/src/pages/settings/index.vue | 34 +++++----- .../src/pages/settings/instance-mute.vue | 4 +- .../frontend/src/pages/settings/migration.vue | 6 +- .../src/pages/settings/mute-block.vue | 20 +++--- .../frontend/src/pages/settings/navbar.vue | 10 +-- .../src/pages/settings/notifications.vue | 4 +- .../frontend/src/pages/settings/other.vue | 10 +-- .../src/pages/settings/plugin.install.vue | 4 +- .../frontend/src/pages/settings/plugin.vue | 10 +-- .../pages/settings/preferences-backups.vue | 12 ++-- .../frontend/src/pages/settings/privacy.vue | 2 +- .../frontend/src/pages/settings/profile.vue | 12 ++-- .../frontend/src/pages/settings/reaction.vue | 10 +-- .../frontend/src/pages/settings/roles.vue | 2 +- .../frontend/src/pages/settings/security.vue | 8 +-- .../src/pages/settings/sounds.sound.vue | 2 +- .../frontend/src/pages/settings/sounds.vue | 4 +- .../frontend/src/pages/settings/statusbar.vue | 2 +- .../src/pages/settings/theme.install.vue | 6 +- .../src/pages/settings/theme.manage.vue | 2 +- .../frontend/src/pages/settings/theme.vue | 4 +- .../src/pages/settings/webhook.edit.vue | 6 +- .../src/pages/settings/webhook.new.vue | 4 +- .../frontend/src/pages/settings/webhook.vue | 4 +- .../frontend/src/pages/settings/word-mute.vue | 2 +- packages/frontend/src/pages/share.vue | 2 +- .../frontend/src/pages/signup-complete.vue | 2 +- packages/frontend/src/pages/tag.vue | 4 +- packages/frontend/src/pages/theme-editor.vue | 6 +- .../frontend/src/pages/timeline.tutorial.vue | 8 +-- packages/frontend/src/pages/timeline.vue | 28 ++++----- .../frontend/src/pages/user-list-timeline.vue | 4 +- packages/frontend/src/pages/user-tag.vue | 2 +- packages/frontend/src/pages/user/activity.vue | 6 +- .../frontend/src/pages/user/followers.vue | 2 +- .../frontend/src/pages/user/following.vue | 2 +- packages/frontend/src/pages/user/home.vue | 16 ++--- .../src/pages/user/index.activity.vue | 2 +- .../frontend/src/pages/user/index.photos.vue | 2 +- packages/frontend/src/pages/user/index.vue | 16 ++--- packages/frontend/src/pages/welcome.setup.vue | 2 +- .../frontend/src/pages/welcome.timeline.vue | 2 +- .../src/scripts/get-drive-file-menu.ts | 18 +++--- .../frontend/src/scripts/get-note-menu.ts | 40 ++++++------ .../frontend/src/scripts/get-user-menu.ts | 30 ++++----- packages/frontend/src/scripts/select-file.ts | 6 +- packages/frontend/src/style.scss | 6 +- .../src/ui/_common_/announcements.vue | 8 +-- packages/frontend/src/ui/_common_/common.ts | 14 ++--- .../src/ui/_common_/navbar-for-mobile.vue | 8 +-- packages/frontend/src/ui/_common_/navbar.vue | 8 +-- .../src/ui/_common_/stream-indicator.vue | 2 +- packages/frontend/src/ui/classic.header.vue | 10 +-- packages/frontend/src/ui/classic.sidebar.vue | 10 +-- packages/frontend/src/ui/deck.vue | 14 ++--- .../frontend/src/ui/deck/antenna-column.vue | 6 +- .../frontend/src/ui/deck/channel-column.vue | 6 +- packages/frontend/src/ui/deck/column.vue | 10 +-- .../frontend/src/ui/deck/direct-column.vue | 2 +- packages/frontend/src/ui/deck/list-column.vue | 6 +- .../frontend/src/ui/deck/mentions-column.vue | 2 +- .../src/ui/deck/notifications-column.vue | 4 +- .../src/ui/deck/role-timeline-column.vue | 4 +- packages/frontend/src/ui/deck/tl-column.vue | 10 +-- .../frontend/src/ui/deck/widgets-column.vue | 4 +- packages/frontend/src/ui/universal.vue | 12 ++-- .../frontend/src/ui/universal.widgets.vue | 4 +- packages/frontend/src/ui/visitor.vue | 16 ++--- packages/frontend/src/ui/zen.vue | 2 +- .../frontend/src/widgets/WidgetClicker.vue | 2 +- .../frontend/src/widgets/WidgetFederation.vue | 2 +- .../frontend/src/widgets/WidgetJobQueue.vue | 4 +- .../src/widgets/WidgetNotifications.vue | 4 +- packages/frontend/src/widgets/WidgetRss.vue | 2 +- .../frontend/src/widgets/WidgetRssTicker.vue | 2 +- .../frontend/src/widgets/WidgetTimeline.vue | 28 ++++----- .../frontend/src/widgets/WidgetTrends.vue | 2 +- .../frontend/src/widgets/WidgetUserList.vue | 4 +- .../src/widgets/server-metric/disk.vue | 2 +- 251 files changed, 1062 insertions(+), 1062 deletions(-) diff --git a/packages/backend/src/server/web/views/base.pug b/packages/backend/src/server/web/views/base.pug index 5119a19ca..af0352357 100644 --- a/packages/backend/src/server/web/views/base.pug +++ b/packages/backend/src/server/web/views/base.pug @@ -39,7 +39,7 @@ html link(rel='prefetch' href=infoImageUrl) link(rel='prefetch' href=notFoundImageUrl) //- https://github.com/misskey-dev/misskey/issues/9842 - link(rel='stylesheet' href='/assets/phosphor-icons/regular/style.css') + link(rel='stylesheet' href='/assets/phosphor-icons/bold/style.css') link(rel='modulepreload' href=`/vite/${clientEntry.file}`) if !config.clientManifestExists diff --git a/packages/frontend/lib/rollup-plugin-unwind-css-module-class-name.test.ts b/packages/frontend/lib/rollup-plugin-unwind-css-module-class-name.test.ts index a7b8cbb03..3640b656b 100644 --- a/packages/frontend/lib/rollup-plugin-unwind-css-module-class-name.test.ts +++ b/packages/frontend/lib/rollup-plugin-unwind-css-module-class-name.test.ts @@ -63,7 +63,7 @@ import { M as MkContainer } from './MkContainer-!~{03M}~.js'; import { b as defineComponent, a as ref, e as onMounted, z as resolveComponent, g as openBlock, h as createBlock, i as withCtx, K as createTextVNode, E as toDisplayString, u as unref, l as createBaseVNode, q as normalizeClass, B as createCommentVNode, k as createElementBlock, F as Fragment, C as renderList, A as createVNode } from './vue-!~{002}~.js'; import './photoswipe-!~{003}~.js'; -const _hoisted_1 = /* @__PURE__ */ createBaseVNode("i", { class: "ti ti-photo" }, null, -1); +const _hoisted_1 = /* @__PURE__ */ createBaseVNode("i", { class: "ph-image-square ph-bold ph-lg" }, null, -1); const _sfc_main = /* @__PURE__ */ defineComponent({ __name: "index.photos", props: { @@ -179,7 +179,7 @@ import {M as MkContainer} from './MkContainer-!~{03M}~.js'; import {b as defineComponent, a as ref, e as onMounted, z as resolveComponent, g as openBlock, h as createBlock, i as withCtx, K as createTextVNode, E as toDisplayString, u as unref, l as createBaseVNode, q as normalizeClass, B as createCommentVNode, k as createElementBlock, F as Fragment, C as renderList, A as createVNode} from './vue-!~{002}~.js'; import './photoswipe-!~{003}~.js'; const _hoisted_1 = createBaseVNode("i", { - class: "ti ti-photo" + class: "ph-image-square ph-bold ph-lg" }, null, -1); const _sfc_main = defineComponent({ __name: "index.photos", @@ -348,7 +348,7 @@ const _sfc_main = defineComponent({ class: $style["date-1"] }, [ h("i", { - class: \`ti ti-chevron-up \${$style["date-1-icon"]}\` + class: \`ph-caret-up ph-bold ph-lg \${$style["date-1-icon"]}\` }), getDateText(item.createdAt) ]), @@ -357,7 +357,7 @@ const _sfc_main = defineComponent({ }, [ getDateText(props.items[i + 1].createdAt), h("i", { - class: \`ti ti-chevron-down \${$style["date-2-icon"]}\` + class: \`ph-caret-down ph-bold ph-lg \${$style["date-2-icon"]}\` }) ]) ])); @@ -514,11 +514,11 @@ const _sfc_main = defineComponent({ }, [h("span", { class: $style["date-1"] }, [h("i", { - class: \`ti ti-chevron-up \${$style["date-1-icon"]}\` + class: \`ph-caret-up ph-bold ph-lg \${$style["date-1-icon"]}\` }), getDateText(item.createdAt)]), h("span", { class: $style["date-2"] }, [getDateText(props.items[i + 1].createdAt), h("i", { - class: \`ti ti-chevron-down \${$style["date-2-icon"]}\` + class: \`ph-caret-down ph-bold ph-lg \${$style["date-2-icon"]}\` })])])); return [el, separator]; } else { diff --git a/packages/frontend/src/account.ts b/packages/frontend/src/account.ts index c17be6fc6..3c12b5473 100644 --- a/packages/frontend/src/account.ts +++ b/packages/frontend/src/account.ts @@ -286,7 +286,7 @@ export async function openAccountMenu(opts: { avatar: $i, }, null, ...(opts.includeCurrentAccount ? [createItem($i)] : []), ...accountItemPromises, { type: 'parent' as const, - icon: 'ti ti-plus', + icon: 'ph-plus ph-bold ph-lg', text: i18n.ts.addAccount, children: [{ text: i18n.ts.existingAccount, @@ -297,12 +297,12 @@ export async function openAccountMenu(opts: { }], }, { type: 'link' as const, - icon: 'ti ti-users', + icon: 'ph-usersta ph-bold ph-lg', text: i18n.ts.manageAccounts, to: '/settings/accounts', }, { type: 'button' as const, - icon: 'ti ti-power', + icon: 'ph-power ph-bold ph-lg', text: i18n.ts.logout, action: () => { signout(); }, }]], ev.currentTarget ?? ev.target, { diff --git a/packages/frontend/src/components/MkAbuseReportWindow.vue b/packages/frontend/src/components/MkAbuseReportWindow.vue index 7814681ea..6819630b7 100644 --- a/packages/frontend/src/components/MkAbuseReportWindow.vue +++ b/packages/frontend/src/components/MkAbuseReportWindow.vue @@ -6,7 +6,7 @@ SPDX-License-Identifier: AGPL-3.0-only
- +
{{ tag.tag }} @@ -40,7 +40,7 @@ SPDX-License-Identifier: AGPL-3.0-only - + @@ -54,7 +54,7 @@ SPDX-License-Identifier: AGPL-3.0-only - + diff --git a/packages/frontend/src/pages/explore.vue b/packages/frontend/src/pages/explore.vue index fd846d979..58d7aca92 100644 --- a/packages/frontend/src/pages/explore.vue +++ b/packages/frontend/src/pages/explore.vue @@ -47,20 +47,20 @@ const headerActions = $computed(() => []); const headerTabs = $computed(() => [{ key: 'featured', - icon: 'ti ti-bolt', + icon: 'ph-lightning ph-bold pg-lg', title: i18n.ts.featured, }, { key: 'users', - icon: 'ti ti-users', + icon: 'ph-users ph-bold pg-lg', title: i18n.ts.users, }, { key: 'roles', - icon: 'ti ti-badges', + icon: 'ph-seal-check ph-bold pg-lg', title: i18n.ts.roles, }]); definePageMetadata(computed(() => ({ title: i18n.ts.explore, - icon: 'ti ti-hash', + icon: 'ph-hash ph-bold ph-lg', }))); diff --git a/packages/frontend/src/pages/favorites.vue b/packages/frontend/src/pages/favorites.vue index 63a0057b7..cb7390cf6 100644 --- a/packages/frontend/src/pages/favorites.vue +++ b/packages/frontend/src/pages/favorites.vue @@ -40,7 +40,7 @@ const pagination = { definePageMetadata({ title: i18n.ts.favorites, - icon: 'ti ti-star', + icon: 'ph-star ph-bold pg-lg', }); diff --git a/packages/frontend/src/pages/flash/flash-edit.vue b/packages/frontend/src/pages/flash/flash-edit.vue index f494218c1..ce25ad63a 100644 --- a/packages/frontend/src/pages/flash/flash-edit.vue +++ b/packages/frontend/src/pages/flash/flash-edit.vue @@ -14,14 +14,14 @@ SPDX-License-Identifier: AGPL-3.0-only - {{ i18n.ts.selectFromPresets }} + {{ i18n.ts.selectFromPresets }}
- {{ i18n.ts.save }} - {{ i18n.ts.show }} - {{ i18n.ts.delete }} + {{ i18n.ts.save }} + {{ i18n.ts.show }} + {{ i18n.ts.delete }}
diff --git a/packages/frontend/src/pages/flash/flash-index.vue b/packages/frontend/src/pages/flash/flash-index.vue index 4a686efd4..be81c72b7 100644 --- a/packages/frontend/src/pages/flash/flash-index.vue +++ b/packages/frontend/src/pages/flash/flash-index.vue @@ -17,7 +17,7 @@ SPDX-License-Identifier: AGPL-3.0-only
- +
@@ -68,7 +68,7 @@ function create() { } const headerActions = $computed(() => [{ - icon: 'ti ti-plus', + icon: 'ph-plus ph-bold ph-lg', text: i18n.ts.create, handler: create, }]); @@ -76,15 +76,15 @@ const headerActions = $computed(() => [{ const headerTabs = $computed(() => [{ key: 'featured', title: i18n.ts._play.featured, - icon: 'ti ti-flare', + icon: 'ph-fire ph-bold pg-lg', }, { key: 'my', title: i18n.ts._play.my, - icon: 'ti ti-edit', + icon: 'ph-pencil-line ph-bold pg-lg', }, { key: 'liked', title: i18n.ts._play.liked, - icon: 'ti ti-heart', + icon: 'ph-heart ph-bold ph-lg', }]); definePageMetadata(computed(() => ({ diff --git a/packages/frontend/src/pages/flash/flash.vue b/packages/frontend/src/pages/flash/flash.vue index 32a835831..8bb293eeb 100644 --- a/packages/frontend/src/pages/flash/flash.vue +++ b/packages/frontend/src/pages/flash/flash.vue @@ -15,10 +15,10 @@ SPDX-License-Identifier: AGPL-3.0-only
- {{ flash.likedCount }} - {{ flash.likedCount }} - - + {{ flash.likedCount }} + {{ flash.likedCount }} + +
@@ -27,13 +27,13 @@ SPDX-License-Identifier: AGPL-3.0-only
{{ flash.summary }}
Play
- {{ flash.likedCount }} + {{ flash.likedCount }}
- + @@ -41,8 +41,8 @@ SPDX-License-Identifier: AGPL-3.0-only
-
{{ i18n.ts.updatedAt }}:
-
{{ i18n.ts.createdAt }}:
+
{{ i18n.ts.updatedAt }}:
+
{{ i18n.ts.createdAt }}:
{{ i18n.ts._play.editThisPage }} diff --git a/packages/frontend/src/pages/follow-requests.vue b/packages/frontend/src/pages/follow-requests.vue index 4f7fdef0b..02487bf0b 100644 --- a/packages/frontend/src/pages/follow-requests.vue +++ b/packages/frontend/src/pages/follow-requests.vue @@ -24,8 +24,8 @@ SPDX-License-Identifier: AGPL-3.0-only

@{{ acct(req.follower) }}

- {{ i18n.ts.accept }} - {{ i18n.ts.reject }} + {{ i18n.ts.accept }} + {{ i18n.ts.reject }}
@@ -71,7 +71,7 @@ const headerTabs = $computed(() => []); definePageMetadata(computed(() => ({ title: i18n.ts.followRequests, - icon: 'ti ti-user-plus', + icon: 'ph-user-plus ph-bold ph-lg', }))); diff --git a/packages/frontend/src/pages/gallery/edit.vue b/packages/frontend/src/pages/gallery/edit.vue index f3cbd4947..0d43eee61 100644 --- a/packages/frontend/src/pages/gallery/edit.vue +++ b/packages/frontend/src/pages/gallery/edit.vue @@ -19,18 +19,18 @@ SPDX-License-Identifier: AGPL-3.0-only
{{ 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 }}
@@ -122,10 +122,10 @@ const headerTabs = $computed(() => []); definePageMetadata(computed(() => props.postId ? { title: i18n.ts.edit, - icon: 'ti ti-pencil', + icon: 'ph-pencil ph-bold ph-lg', } : { title: i18n.ts.postToGallery, - icon: 'ti ti-pencil', + icon: 'ph-pencil ph-bold ph-lg', })); diff --git a/packages/frontend/src/pages/gallery/index.vue b/packages/frontend/src/pages/gallery/index.vue index 43bb7c496..8584fdf38 100644 --- a/packages/frontend/src/pages/gallery/index.vue +++ b/packages/frontend/src/pages/gallery/index.vue @@ -10,7 +10,7 @@ SPDX-License-Identifier: AGPL-3.0-only
- +
@@ -34,7 +34,7 @@ SPDX-License-Identifier: AGPL-3.0-only
- {{ i18n.ts.postToGallery }} + {{ i18n.ts.postToGallery }}
@@ -97,7 +97,7 @@ watch(() => props.tag, () => { }); const headerActions = $computed(() => [{ - icon: 'ti ti-plus', + icon: 'ph-plus ph-bold ph-lg', text: i18n.ts.create, handler: () => { router.push('/gallery/new'); @@ -107,20 +107,20 @@ const headerActions = $computed(() => [{ const headerTabs = $computed(() => [{ key: 'explore', title: i18n.ts.gallery, - icon: 'ti ti-icons', + icon: 'ph-images-square ph-bold pg-lg', }, { key: 'liked', title: i18n.ts._gallery.liked, - icon: 'ti ti-heart', + icon: 'ph-heart ph-bold ph-lg', }, { key: 'my', title: i18n.ts._gallery.my, - icon: 'ti ti-edit', + icon: 'ph-pencil-line ph-bold pg-lg', }]); definePageMetadata({ title: i18n.ts.gallery, - icon: 'ti ti-icons', + icon: 'ph-images-square ph-bold pg-lg', }); diff --git a/packages/frontend/src/pages/gallery/post.vue b/packages/frontend/src/pages/gallery/post.vue index 3f4f657e9..4de05644b 100644 --- a/packages/frontend/src/pages/gallery/post.vue +++ b/packages/frontend/src/pages/gallery/post.vue @@ -19,17 +19,17 @@ SPDX-License-Identifier: AGPL-3.0-only
{{ post.title }}
- +
- - - + + +
@@ -43,7 +43,7 @@ SPDX-License-Identifier: AGPL-3.0-only
- +
@@ -146,7 +146,7 @@ function edit() { watch(() => props.postId, fetchPost, { immediate: true }); const headerActions = $computed(() => [{ - icon: 'ti ti-pencil', + icon: 'ph-pencil ph-bold ph-lg', text: i18n.ts.edit, handler: edit, }]); diff --git a/packages/frontend/src/pages/instance-info.vue b/packages/frontend/src/pages/instance-info.vue index 2285e4c88..5d7937560 100644 --- a/packages/frontend/src/pages/instance-info.vue +++ b/packages/frontend/src/pages/instance-info.vue @@ -36,7 +36,7 @@ SPDX-License-Identifier: AGPL-3.0-only
{{ i18n.ts.stopActivityDelivery }} {{ i18n.ts.blockThisInstance }} - Refresh metadata + Refresh metadata
@@ -203,7 +203,7 @@ fetch(); const headerActions = $computed(() => [{ text: `https://${props.host}`, - icon: 'ti ti-external-link', + icon: 'ph-arrow-square-out ph-bold ph-lg', handler: () => { window.open(`https://${props.host}`, '_blank'); }, @@ -212,7 +212,7 @@ const headerActions = $computed(() => [{ const headerTabs = $computed(() => [{ key: 'overview', title: i18n.ts.overview, - icon: 'ti ti-info-circle', + icon: 'ph-info ph-bold ph-lg', }, { key: 'chart', title: i18n.ts.charts, @@ -220,11 +220,11 @@ const headerTabs = $computed(() => [{ }, { key: 'users', title: i18n.ts.users, - icon: 'ti ti-users', + icon: 'ph-users ph-bold pg-lg', }, { key: 'raw', title: 'Raw', - icon: 'ti ti-code', + icon: 'ph-code ph-bold pg-lg', }]); definePageMetadata({ diff --git a/packages/frontend/src/pages/invite.vue b/packages/frontend/src/pages/invite.vue index b44b580e8..a72cf47b9 100644 --- a/packages/frontend/src/pages/invite.vue +++ b/packages/frontend/src/pages/invite.vue @@ -12,7 +12,7 @@ SPDX-License-Identifier: AGPL-3.0-only
- + {{ i18n.ts.nothing }}
@@ -20,7 +20,7 @@ SPDX-License-Identifier: AGPL-3.0-only
{{ i18n.t('inviteLimitResetCycle', { time: resetCycle, limit: inviteLimit }) }}
- {{ i18n.ts.createInviteCode }} + {{ i18n.ts.createInviteCode }}
{{ i18n.t('createLimitRemaining', { limit: currentInviteLimit }) }}
@@ -94,7 +94,7 @@ update(); definePageMetadata({ title: i18n.ts.invite, - icon: 'ti ti-user-plus', + icon: 'ph-user-plus ph-bold ph-lg', }); diff --git a/packages/frontend/src/pages/list.vue b/packages/frontend/src/pages/list.vue index db0b201b7..38f454de8 100644 --- a/packages/frontend/src/pages/list.vue +++ b/packages/frontend/src/pages/list.vue @@ -10,7 +10,7 @@ SPDX-License-Identifier: AGPL-3.0-only

- + {{ i18n.ts.nothing }}

@@ -26,9 +26,9 @@ SPDX-License-Identifier: AGPL-3.0-only
- {{ list.likedCount }} - {{ list.likedCount }} - {{ i18n.ts.import }} + {{ list.likedCount }} + {{ list.likedCount }} + {{ i18n.ts.import }} @@ -101,7 +101,7 @@ const headerTabs = $computed(() => []); definePageMetadata(computed(() => list ? { title: list.name, - icon: 'ti ti-list', + icon: 'ph-list ph-bold pg-lg', } : null));