diff --git a/packages/frontend/src/components/MkAnnouncementDialog.vue b/packages/frontend/src/components/MkAnnouncementDialog.vue index 98de572df1..9dfbc0d45d 100644 --- a/packages/frontend/src/components/MkAnnouncementDialog.vue +++ b/packages/frontend/src/components/MkAnnouncementDialog.vue @@ -8,7 +8,7 @@ SPDX-License-Identifier: AGPL-3.0-only <div ref="rootEl" :class="$style.root"> <div :class="$style.header"> <span :class="$style.icon"> - <i v-if="announcement.icon === 'info'" class="ph-info ph-bold ph-lg"></i> + <i v-if="announcement.icon === 'info'" class="ti ti-info-circle"></i> <i v-else-if="announcement.icon === 'warning'" class="ti ti-alert-triangle" style="color: var(--warn);"></i> <i v-else-if="announcement.icon === 'error'" class="ph-seal-warning ph-bold ph-lg" style="color: var(--error);"></i> <i v-else-if="announcement.icon === 'success'" class="ph-check-circle ph-bold ph-lg" style="color: var(--success);"></i> diff --git a/packages/frontend/src/components/MkDialog.vue b/packages/frontend/src/components/MkDialog.vue index ae70b62564..2603a24193 100644 --- a/packages/frontend/src/components/MkDialog.vue +++ b/packages/frontend/src/components/MkDialog.vue @@ -21,7 +21,7 @@ SPDX-License-Identifier: AGPL-3.0-only <i v-if="type === 'success'" :class="$style.iconInner" class="ti ti-check"></i> <i v-else-if="type === 'error'" :class="$style.iconInner" class="ti ti-circle-x"></i> <i v-else-if="type === 'warning'" :class="$style.iconInner" class="ti ti-alert-triangle"></i> - <i v-else-if="type === 'info'" :class="$style.iconInner" class="ph-info ph-bold ph-lg"></i> + <i v-else-if="type === 'info'" :class="$style.iconInner" class="ti ti-info-circle"></i> <i v-else-if="type === 'question'" :class="$style.iconInner" class="ph-question ph-bold ph-lg"></i> <MkLoading v-else-if="type === 'waiting'" :class="$style.iconInner" :em="true"/> </div> diff --git a/packages/frontend/src/components/MkInfo.vue b/packages/frontend/src/components/MkInfo.vue index 687cb3af88..1220298ae2 100644 --- a/packages/frontend/src/components/MkInfo.vue +++ b/packages/frontend/src/components/MkInfo.vue @@ -6,7 +6,7 @@ SPDX-License-Identifier: AGPL-3.0-only <template> <div :class="[$style.root, { [$style.warn]: warn }]"> <i v-if="warn" class="ti ti-alert-triangle" :class="$style.i"></i> - <i v-else class="ph-info ph-bold ph-lg" :class="$style.i"></i> + <i v-else class="ti ti-info-circle" :class="$style.i"></i> <div><slot></slot></div> <button v-if="closable" :class="$style.button" class="_button" @click="close()"><i class="ph-x ph-bold ph-lg"></i></button> </div> diff --git a/packages/frontend/src/components/MkMediaAudio.vue b/packages/frontend/src/components/MkMediaAudio.vue index 43fb4f472c..05b81fc136 100644 --- a/packages/frontend/src/components/MkMediaAudio.vue +++ b/packages/frontend/src/components/MkMediaAudio.vue @@ -188,7 +188,7 @@ function showMenu(ev: MouseEvent) { }, { type: 'link' as const, text: i18n.ts._fileViewer.title, - icon: 'ph ph-info', + icon: 'ti ti-info-circle', to: `/my/drive/file/${props.audio.id}`, }); } diff --git a/packages/frontend/src/components/MkMediaImage.vue b/packages/frontend/src/components/MkMediaImage.vue index 6f20d7f6ed..b6554ff7a9 100644 --- a/packages/frontend/src/components/MkMediaImage.vue +++ b/packages/frontend/src/components/MkMediaImage.vue @@ -120,7 +120,7 @@ function showMenu(ev: MouseEvent) { }, { type: 'link' as const, text: i18n.ts._fileViewer.title, - icon: 'ph ph-info', + icon: 'ti ti-info-circle', to: `/my/drive/file/${props.image.id}`, }] : [])], ev.currentTarget ?? ev.target); } diff --git a/packages/frontend/src/components/MkMediaVideo.vue b/packages/frontend/src/components/MkMediaVideo.vue index a3df52ad39..7bc936af95 100644 --- a/packages/frontend/src/components/MkMediaVideo.vue +++ b/packages/frontend/src/components/MkMediaVideo.vue @@ -227,7 +227,7 @@ function showMenu(ev: MouseEvent) { }, { type: 'link' as const, text: i18n.ts._fileViewer.title, - icon: 'ph ph-info', + icon: 'ti ti-info-circle', to: `/my/drive/file/${props.video.id}`, }); } diff --git a/packages/frontend/src/components/MkReactionsViewer.reaction.vue b/packages/frontend/src/components/MkReactionsViewer.reaction.vue index 2464d21b6a..f74f5ec21c 100644 --- a/packages/frontend/src/components/MkReactionsViewer.reaction.vue +++ b/packages/frontend/src/components/MkReactionsViewer.reaction.vue @@ -112,7 +112,7 @@ async function menu(ev) { os.popupMenu([{ text: i18n.ts.info, - icon: 'ph-info ph-bold ph-lg', + icon: 'ti ti-info-circle', action: async () => { os.popup(MkCustomEmojiDetailedDialog, { emoji: await misskeyApiGet('emoji', { diff --git a/packages/frontend/src/components/MkUserAnnouncementEditDialog.vue b/packages/frontend/src/components/MkUserAnnouncementEditDialog.vue index 1804421ff3..6a0a43ced4 100644 --- a/packages/frontend/src/components/MkUserAnnouncementEditDialog.vue +++ b/packages/frontend/src/components/MkUserAnnouncementEditDialog.vue @@ -24,7 +24,7 @@ SPDX-License-Identifier: AGPL-3.0-only </MkTextarea> <MkRadios v-model="icon"> <template #label>{{ i18n.ts.icon }}</template> - <option value="info"><i class="ph-info ph-bold ph-lg"></i></option> + <option value="info"><i class="ti ti-info-circle"></i></option> <option value="warning"><i class="ti ti-alert-triangle" style="color: var(--warn);"></i></option> <option value="error"><i class="ti ti-circle-x" style="color: var(--error);"></i></option> <option value="success"><i class="ti ti-check" style="color: var(--success);"></i></option> diff --git a/packages/frontend/src/components/global/MkAd.vue b/packages/frontend/src/components/global/MkAd.vue index c01211443d..bee1d9ca4c 100644 --- a/packages/frontend/src/components/global/MkAd.vue +++ b/packages/frontend/src/components/global/MkAd.vue @@ -26,7 +26,7 @@ SPDX-License-Identifier: AGPL-3.0-only }" > <img :src="chosen.imageUrl" :class="$style.img"> - <button class="_button" :class="$style.i" @click.prevent.stop="toggleMenu"><i :class="$style.iIcon" class="ph-info ph-bold ph-lg"></i></button> + <button class="_button" :class="$style.i" @click.prevent.stop="toggleMenu"><i :class="$style.iIcon" class="ti ti-info-circle"></i></button> </component> </div> <div v-else :class="$style.menu"> diff --git a/packages/frontend/src/components/global/MkCustomEmoji.vue b/packages/frontend/src/components/global/MkCustomEmoji.vue index 8ba4e396b7..6295a87731 100644 --- a/packages/frontend/src/components/global/MkCustomEmoji.vue +++ b/packages/frontend/src/components/global/MkCustomEmoji.vue @@ -105,7 +105,7 @@ function onClick(ev: MouseEvent) { }, }] : []), { text: i18n.ts.info, - icon: 'ph-info ph-bold ph-lg', + icon: 'ti ti-info-circle', action: async () => { os.popup(MkCustomEmojiDetailedDialog, { emoji: await misskeyApiGet('emoji', { diff --git a/packages/frontend/src/navbar.ts b/packages/frontend/src/navbar.ts index a4da68a8df..01463a6a87 100644 --- a/packages/frontend/src/navbar.ts +++ b/packages/frontend/src/navbar.ts @@ -153,7 +153,7 @@ export const navbarItemDef = reactive({ }, about: { title: i18n.ts.about, - icon: 'ph-info ph-bold ph-lg', + icon: 'ti ti-info-circle', action: (ev) => { openInstanceMenu(ev); }, diff --git a/packages/frontend/src/pages/about.vue b/packages/frontend/src/pages/about.vue index 1e7b391aed..921405c607 100644 --- a/packages/frontend/src/pages/about.vue +++ b/packages/frontend/src/pages/about.vue @@ -32,7 +32,7 @@ SPDX-License-Identifier: AGPL-3.0-only <div v-html="i18n.tsx.poweredByMisskeyDescription({ name: instance.name ?? host })"> </div> <FormLink to="/about-sharkey"> - <template #icon><i class="ph-info ph-bold ph-lg"></i></template> + <template #icon><i class="ti ti-info-circle"></i></template> {{ i18n.ts.aboutMisskey }} </FormLink> <FormLink v-if="instance.repositoryUrl || instance.providesTarball" :to="instance.repositoryUrl || `/tarball/sharkey-${version}.tar.gz`" external> @@ -193,7 +193,7 @@ const headerTabs = computed(() => [{ definePageMetadata(() => ({ title: i18n.ts.instanceInfo, - icon: 'ph-info ph-bold ph-lg', + icon: 'ti ti-info-circle', })); </script> diff --git a/packages/frontend/src/pages/admin-file.vue b/packages/frontend/src/pages/admin-file.vue index 3702c01cb7..c8c4488085 100644 --- a/packages/frontend/src/pages/admin-file.vue +++ b/packages/frontend/src/pages/admin-file.vue @@ -129,7 +129,7 @@ const headerActions = computed(() => [{ const headerTabs = computed(() => [{ key: 'overview', title: i18n.ts.overview, - icon: 'ph-info ph-bold ph-lg', + icon: 'ti ti-info-circle', }, iAmModerator ? { key: 'ip', title: 'IP', diff --git a/packages/frontend/src/pages/admin-user.vue b/packages/frontend/src/pages/admin-user.vue index 57b2ec7622..c0653e24f7 100644 --- a/packages/frontend/src/pages/admin-user.vue +++ b/packages/frontend/src/pages/admin-user.vue @@ -145,7 +145,7 @@ SPDX-License-Identifier: AGPL-3.0-only <div class="_gaps_s"> <div v-for="announcement in items" :key="announcement.id" v-panel :class="$style.announcementItem" @click="editAnnouncement(announcement)"> <span style="margin-right: 0.5em;"> - <i v-if="announcement.icon === 'info'" class="ph-info ph-bold ph-lg"></i> + <i v-if="announcement.icon === 'info'" class="ti ti-info-circle"></i> <i v-else-if="announcement.icon === 'warning'" class="ti ti-alert-triangle" style="color: var(--warn);"></i> <i v-else-if="announcement.icon === 'error'" class="ti ti-circle-x" style="color: var(--error);"></i> <i v-else-if="announcement.icon === 'success'" class="ti ti-check" style="color: var(--success);"></i> @@ -513,7 +513,7 @@ const headerActions = computed(() => []); const headerTabs = computed(() => [{ key: 'overview', title: i18n.ts.overview, - icon: 'ph-info ph-bold ph-lg', + icon: 'ti ti-info-circle', }, { key: 'roles', title: i18n.ts.roles, diff --git a/packages/frontend/src/pages/admin/announcements.vue b/packages/frontend/src/pages/admin/announcements.vue index ff48451ef9..6cec4771fd 100644 --- a/packages/frontend/src/pages/admin/announcements.vue +++ b/packages/frontend/src/pages/admin/announcements.vue @@ -14,7 +14,7 @@ SPDX-License-Identifier: AGPL-3.0-only <MkFolder v-for="announcement in announcements" :key="announcement.id ?? announcement._id" :defaultOpen="announcement.id == null"> <template #label>{{ announcement.title }}</template> <template #icon> - <i v-if="announcement.icon === 'info'" class="ph-info ph-bold ph-lg"></i> + <i v-if="announcement.icon === 'info'" class="ti ti-info-circle"></i> <i v-else-if="announcement.icon === 'warning'" class="ti ti-alert-triangle" style="color: var(--warn);"></i> <i v-else-if="announcement.icon === 'error'" class="ti ti-circle-x" style="color: var(--error);"></i> <i v-else-if="announcement.icon === 'success'" class="ti ti-check" style="color: var(--success);"></i> @@ -33,7 +33,7 @@ SPDX-License-Identifier: AGPL-3.0-only </MkInput> <MkRadios v-model="announcement.icon"> <template #label>{{ i18n.ts.icon }}</template> - <option value="info"><i class="ph-info ph-bold ph-lg"></i></option> + <option value="info"><i class="ti ti-info-circle"></i></option> <option value="warning"><i class="ti ti-alert-triangle" style="color: var(--warn);"></i></option> <option value="error"><i class="ti ti-circle-x" style="color: var(--error);"></i></option> <option value="success"><i class="ti ti-check" style="color: var(--success);"></i></option> diff --git a/packages/frontend/src/pages/admin/roles.role.vue b/packages/frontend/src/pages/admin/roles.role.vue index 6b9885054e..864e0341f4 100644 --- a/packages/frontend/src/pages/admin/roles.role.vue +++ b/packages/frontend/src/pages/admin/roles.role.vue @@ -14,7 +14,7 @@ SPDX-License-Identifier: AGPL-3.0-only <MkButton danger rounded @click="del"><i class="ph-trash ph-bold ph-lg"></i> {{ i18n.ts.delete }}</MkButton> </div> <MkFolder> - <template #icon><i class="ph-info ph-bold ph-lg"></i></template> + <template #icon><i class="ti ti-info-circle"></i></template> <template #label>{{ i18n.ts.info }}</template> <XEditor :modelValue="role" readonly/> </MkFolder> diff --git a/packages/frontend/src/pages/announcement.vue b/packages/frontend/src/pages/announcement.vue index 41bbd6103b..b465dff8fa 100644 --- a/packages/frontend/src/pages/announcement.vue +++ b/packages/frontend/src/pages/announcement.vue @@ -19,7 +19,7 @@ SPDX-License-Identifier: AGPL-3.0-only <div :class="$style.header"> <span v-if="$i && !announcement.silence && !announcement.isRead" style="margin-right: 0.5em;">🆕</span> <span style="margin-right: 0.5em;"> - <i v-if="announcement.icon === 'info'" class="ph-info ph-bold ph-lg"></i> + <i v-if="announcement.icon === 'info'" class="ti ti-info-circle"></i> <i v-else-if="announcement.icon === 'warning'" class="ti ti-alert-triangle" style="color: var(--warn);"></i> <i v-else-if="announcement.icon === 'error'" class="ph-seal-warning ph-bold ph-lg" style="color: var(--error);"></i> <i v-else-if="announcement.icon === 'success'" class="ph-check-circle ph-bold ph-lg" style="color: var(--success);"></i> diff --git a/packages/frontend/src/pages/announcements.vue b/packages/frontend/src/pages/announcements.vue index 1bb5dba94e..0fa70c14d5 100644 --- a/packages/frontend/src/pages/announcements.vue +++ b/packages/frontend/src/pages/announcements.vue @@ -16,7 +16,7 @@ SPDX-License-Identifier: AGPL-3.0-only <div :class="$style.header"> <span v-if="$i && !announcement.silence && !announcement.isRead" style="margin-right: 0.5em;">🆕</span> <span style="margin-right: 0.5em;"> - <i v-if="announcement.icon === 'info'" class="ph-info ph-bold ph-lg"></i> + <i v-if="announcement.icon === 'info'" class="ti ti-info-circle"></i> <i v-else-if="announcement.icon === 'warning'" class="ti ti-alert-triangle" style="color: var(--warn);"></i> <i v-else-if="announcement.icon === 'error'" class="ti ti-circle-x" style="color: var(--error);"></i> <i v-else-if="announcement.icon === 'success'" class="ti ti-check" style="color: var(--success);"></i> diff --git a/packages/frontend/src/pages/channel.vue b/packages/frontend/src/pages/channel.vue index 16498e3628..55c04b176c 100644 --- a/packages/frontend/src/pages/channel.vue +++ b/packages/frontend/src/pages/channel.vue @@ -277,7 +277,7 @@ const headerActions = computed(() => { const headerTabs = computed(() => [{ key: 'overview', title: i18n.ts.overview, - icon: 'ph-info ph-bold ph-lg', + icon: 'ti ti-info-circle', }, { key: 'timeline', title: i18n.ts.timeline, diff --git a/packages/frontend/src/pages/drive.file.vue b/packages/frontend/src/pages/drive.file.vue index 3caa3d1116..3494b3ec81 100644 --- a/packages/frontend/src/pages/drive.file.vue +++ b/packages/frontend/src/pages/drive.file.vue @@ -41,7 +41,7 @@ const headerActions = computed(() => []); const headerTabs = computed(() => [{ key: 'info', title: i18n.ts.info, - icon: 'ph-info ph-bold ph-lg', + icon: 'ti ti-info-circle', }, { key: 'notes', title: i18n.ts._fileViewer.attachedNotes, diff --git a/packages/frontend/src/pages/emojis.emoji.vue b/packages/frontend/src/pages/emojis.emoji.vue index c9805af51b..7a8a29daf0 100644 --- a/packages/frontend/src/pages/emojis.emoji.vue +++ b/packages/frontend/src/pages/emojis.emoji.vue @@ -38,7 +38,7 @@ function menu(ev) { }, }, { text: i18n.ts.info, - icon: 'ph-info ph-bold ph-lg', + icon: 'ti ti-info-circle', action: async () => { os.popup(MkCustomEmojiDetailedDialog, { emoji: await misskeyApiGet('emoji', { diff --git a/packages/frontend/src/pages/instance-info.vue b/packages/frontend/src/pages/instance-info.vue index 6ffec43365..1a9c4497be 100644 --- a/packages/frontend/src/pages/instance-info.vue +++ b/packages/frontend/src/pages/instance-info.vue @@ -270,7 +270,7 @@ const headerActions = computed(() => [{ const headerTabs = computed(() => [{ key: 'overview', title: i18n.ts.overview, - icon: 'ph-info ph-bold ph-lg', + icon: 'ti ti-info-circle', }, { key: 'chart', title: i18n.ts.charts, diff --git a/packages/frontend/src/pages/settings/other.vue b/packages/frontend/src/pages/settings/other.vue index 80a58f0ee3..0ab8add737 100644 --- a/packages/frontend/src/pages/settings/other.vue +++ b/packages/frontend/src/pages/settings/other.vue @@ -18,7 +18,7 @@ SPDX-License-Identifier: AGPL-3.0-only <FormSection first> <div class="_gaps_s"> <MkFolder> - <template #icon><i class="ph-info ph-bold ph-lg"></i></template> + <template #icon><i class="ti ti-info-circle"></i></template> <template #label>{{ i18n.ts.accountInfo }}</template> <div class="_gaps_m"> diff --git a/packages/frontend/src/scripts/get-note-menu.ts b/packages/frontend/src/scripts/get-note-menu.ts index 55f3495fe5..45288f5905 100644 --- a/packages/frontend/src/scripts/get-note-menu.ts +++ b/packages/frontend/src/scripts/get-note-menu.ts @@ -323,7 +323,7 @@ export function getNoteMenu(props: { action: unclip, }, { type: 'divider' }] : [] ), { - icon: 'ph-info ph-bold ph-lg', + icon: 'ti ti-info-circle', text: i18n.ts.details, action: openDetail, }, { @@ -472,7 +472,7 @@ export function getNoteMenu(props: { .filter(x => x !== undefined); } else { menu = [{ - icon: 'ph-info ph-bold ph-lg', + icon: 'ti ti-info-circle', text: i18n.ts.details, action: openDetail, }, { diff --git a/packages/frontend/src/ui/_common_/announcements.vue b/packages/frontend/src/ui/_common_/announcements.vue index ba7df1b927..374bc20b54 100644 --- a/packages/frontend/src/ui/_common_/announcements.vue +++ b/packages/frontend/src/ui/_common_/announcements.vue @@ -12,7 +12,7 @@ SPDX-License-Identifier: AGPL-3.0-only :to="`/announcements/${announcement.id}`" > <span :class="$style.icon"> - <i v-if="announcement.icon === 'info'" class="ph-info ph-bold ph-lg"></i> + <i v-if="announcement.icon === 'info'" class="ti ti-info-circle"></i> <i v-else-if="announcement.icon === 'warning'" class="ti ti-alert-triangle" style="color: var(--warn);"></i> <i v-else-if="announcement.icon === 'error'" class="ti ti-circle-x" style="color: var(--error);"></i> <i v-else-if="announcement.icon === 'success'" class="ti ti-check" style="color: var(--success);"></i> diff --git a/packages/frontend/src/ui/_common_/common.ts b/packages/frontend/src/ui/_common_/common.ts index 9b3ae6b3a8..33280ed8bc 100644 --- a/packages/frontend/src/ui/_common_/common.ts +++ b/packages/frontend/src/ui/_common_/common.ts @@ -47,7 +47,7 @@ export function openInstanceMenu(ev: MouseEvent) { }, { type: 'link', text: i18n.ts.instanceInfo, - icon: 'ph-info ph-bold ph-lg', + icon: 'ti ti-info-circle', to: '/about', }, { type: 'link', diff --git a/packages/frontend/vite.config.ts b/packages/frontend/vite.config.ts index 1ca6a61cd0..edbde5c149 100644 --- a/packages/frontend/vite.config.ts +++ b/packages/frontend/vite.config.ts @@ -164,6 +164,7 @@ export function getConfig(): UserConfig { 'ti ti-users': 'ph-users ph-bold ph-lg', 'ti ti-exclamation-circle': 'ph-warning-circle ph-bold ph-lg', 'ti ti-user-exclamation': 'ph-warning-circle ph-bold ph-lg', + 'ti ti-info-circle': 'ph-info ph-bold ph-lg', }, }), ...process.env.NODE_ENV === 'production'