diff --git a/packages/frontend/src/components/MkMediaAudio.vue b/packages/frontend/src/components/MkMediaAudio.vue index fce00e7f52..41425facc3 100644 --- a/packages/frontend/src/components/MkMediaAudio.vue +++ b/packages/frontend/src/components/MkMediaAudio.vue @@ -143,13 +143,13 @@ function showMenu(ev: MouseEvent) { { type: 'switch', text: i18n.ts._mediaControls.loop, - icon: 'ti ti-repeat', + icon: 'ph ph-repeat', ref: loop, }, { type: 'radio', text: i18n.ts._mediaControls.playbackRate, - icon: 'ti ti-clock-play', + icon: 'ph ph-gauge', ref: speed, options: { '0.25x': 0.25, @@ -188,7 +188,7 @@ function showMenu(ev: MouseEvent) { }, { type: 'link' as const, text: i18n.ts._fileViewer.title, - icon: 'ti ti-info-circle', + icon: 'ph ph-info', to: `/my/drive/file/${props.audio.id}`, }); } diff --git a/packages/frontend/src/components/MkMediaImage.vue b/packages/frontend/src/components/MkMediaImage.vue index af9d7d824c..f1fb4f5b44 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: 'ti ti-info-circle', + icon: 'ph ph-info', 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 f35a404320..dbf76bc33d 100644 --- a/packages/frontend/src/components/MkMediaVideo.vue +++ b/packages/frontend/src/components/MkMediaVideo.vue @@ -39,10 +39,10 @@ SPDX-License-Identifier: AGPL-3.0-only > <source :src="video.url"> </video> - <i class="ti ti-eye-off" :class="$style.hide" @click="hide = true"></i> + <i class="ph-eye-closed ph-bold ph-lg" :class="$style.hide" @click="hide = true"></i> <div :class="$style.indicators"> <div v-if="video.comment" :class="$style.indicator">ALT</div> - <div v-if="video.isSensitive" :class="$style.indicator" style="color: var(--warn);" :title="i18n.ts.sensitive"><i class="ti ti-eye-exclamation"></i></div> + <div v-if="video.isSensitive" :class="$style.indicator" style="color: var(--warn);" :title="i18n.ts.sensitive"><i class="ph-warning ph-bold ph-lg"></i></div> </div> </div> @@ -177,13 +177,13 @@ function showMenu(ev: MouseEvent) { { type: 'switch', text: i18n.ts._mediaControls.loop, - icon: 'ti ti-repeat', + icon: 'ph ph-repeat', ref: loop, }, { type: 'radio', text: i18n.ts._mediaControls.playbackRate, - icon: 'ti ti-clock-play', + icon: 'ph ph-gauge', ref: speed, options: { '0.25x': 0.25, @@ -197,7 +197,7 @@ function showMenu(ev: MouseEvent) { }, ...(document.pictureInPictureEnabled ? [{ text: i18n.ts._mediaControls.pip, - icon: 'ti ti-picture-in-picture', + icon: 'ph ph-picture-in-picture', action: togglePictureInPicture, }] : []), { @@ -227,7 +227,7 @@ function showMenu(ev: MouseEvent) { }, { type: 'link' as const, text: i18n.ts._fileViewer.title, - icon: 'ti ti-info-circle', + icon: 'ph ph-info', to: `/my/drive/file/${props.video.id}`, }); } diff --git a/packages/frontend/src/components/MkMenu.vue b/packages/frontend/src/components/MkMenu.vue index 526631b0e4..6ced2fecc2 100644 --- a/packages/frontend/src/components/MkMenu.vue +++ b/packages/frontend/src/components/MkMenu.vue @@ -53,7 +53,7 @@ SPDX-License-Identifier: AGPL-3.0-only <i v-if="item.icon" class="ti-fw" :class="[$style.icon, item.icon]" style="pointer-events: none;"></i> <div :class="$style.item_content"> <span :class="$style.item_content_text" style="pointer-events: none;">{{ item.text }}</span> - <span :class="$style.caret" style="pointer-events: none;"><i class="ti ti-chevron-right ti-fw"></i></span> + <span :class="$style.caret" style="pointer-events: none;"><i class="ph-caret-right ph-bold ph-lg"></i></span> </div> </button> <button v-else-if="item.type === 'radioOption'" :tabindex="i" class="_button" role="menuitem" :class="[$style.item, { [$style.radioActive]: item.active }]" @click="clicked(item.action, $event, false)" @mouseenter.passive="onItemMouseEnter(item)" @mouseleave.passive="onItemMouseLeave(item)"> diff --git a/packages/frontend/src/components/page/page.dynamic.vue b/packages/frontend/src/components/page/page.dynamic.vue index 8c511a690d..7f80f0c455 100644 --- a/packages/frontend/src/components/page/page.dynamic.vue +++ b/packages/frontend/src/components/page/page.dynamic.vue @@ -6,7 +6,7 @@ SPDX-License-Identifier: AGPL-3.0-only <!-- 動的ページのブロックの代替。利用できないということを表示する --> <template> <div :class="$style.root"> - <div :class="$style.heading"><i class="ti ti-dice-5"></i> {{ i18n.ts._pages.blocks.dynamic }}</div> + <div :class="$style.heading"><i class="ph ph-dice-5 ph-bold ph-lg"></i> {{ i18n.ts._pages.blocks.dynamic }}</div> <I18n :src="i18n.ts._pages.blocks.dynamicDescription" tag="div" :class="$style.text"> <template #play> <MkA to="/play" class="_link">Play</MkA> diff --git a/packages/frontend/src/pages/page.vue b/packages/frontend/src/pages/page.vue index 7a7d29d9ec..48ebe4a01c 100644 --- a/packages/frontend/src/pages/page.vue +++ b/packages/frontend/src/pages/page.vue @@ -75,8 +75,8 @@ SPDX-License-Identifier: AGPL-3.0-only <MkFollowButton v-if="!$i || $i.id != page.user.id" :user="page.user!" :inline="true" :transparent="false" :full="true" :class="$style.follow"/> </div> <div :class="$style.pageDate"> - <div><i class="ti ti-clock"></i> {{ i18n.ts.createdAt }}: <MkTime :time="page.createdAt" mode="detail"/></div> - <div v-if="page.createdAt != page.updatedAt"><i class="ti ti-clock-edit"></i> {{ i18n.ts.updatedAt }}: <MkTime :time="page.updatedAt" mode="detail"/></div> + <div><i class="ph ph-clock ph-bold ph-lg"></i> {{ i18n.ts.createdAt }}: <MkTime :time="page.createdAt" mode="detail"/></div> + <div v-if="page.createdAt != page.updatedAt"><i class="ph-pencil-simple ph-bold ph-lg"></i> {{ i18n.ts.updatedAt }}: <MkTime :time="page.updatedAt" mode="detail"/></div> </div> <div :class="$style.pageLinks"> <MkA v-if="!$i || $i.id !== page.userId" :to="`/@${username}/pages/${pageName}/view-source`" class="link">{{ i18n.ts._pages.viewSource }}</MkA> @@ -170,12 +170,12 @@ function share(ev: MouseEvent) { os.popupMenu([ { text: i18n.ts.shareWithNote, - icon: 'ti ti-pencil', + icon: 'ph-pencil-simple', action: shareWithNote, }, ...(isSupportShare() ? [{ text: i18n.ts.share, - icon: 'ti ti-share', + icon: 'ph-share-network', action: shareWithNavigator, }] : []), ], ev.currentTarget ?? ev.target); diff --git a/packages/frontend/src/pages/settings/2fa.vue b/packages/frontend/src/pages/settings/2fa.vue index 39261097d4..0396a3b085 100644 --- a/packages/frontend/src/pages/settings/2fa.vue +++ b/packages/frontend/src/pages/settings/2fa.vue @@ -32,7 +32,7 @@ SPDX-License-Identifier: AGPL-3.0-only <div v-else-if="!$i.twoFactorEnabled" class="_gaps_s"> <MkButton primary gradate @click="registerTOTP">{{ i18n.ts._2fa.registerTOTP }}</MkButton> - <MkLink url="https://misskey-hub.net/docs/for-users/stepped-guides/how-to-enable-2fa/" target="_blank"><i class="ti ti-help-circle"></i> {{ i18n.ts.learnMore }}</MkLink> + <MkLink url="https://misskey-hub.net/docs/for-users/stepped-guides/how-to-enable-2fa/" target="_blank"><i class="ph-question ph-bold ph-lg"></i> {{ i18n.ts.learnMore }}</MkLink> </div> </MkFolder> diff --git a/packages/frontend/src/pages/settings/plugin.vue b/packages/frontend/src/pages/settings/plugin.vue index 4f1b3657bc..349015dd28 100644 --- a/packages/frontend/src/pages/settings/plugin.vue +++ b/packages/frontend/src/pages/settings/plugin.vue @@ -47,7 +47,7 @@ SPDX-License-Identifier: AGPL-3.0-only <div class="_gaps_s"> <div class="_buttons"> - <MkButton inline @click="copy(pluginLogs.get(plugin.id)?.join('\n'))"><i class="ti ti-copy"></i> {{ i18n.ts.copy }}</MkButton> + <MkButton inline @click="copy(pluginLogs.get(plugin.id)?.join('\n'))"><i class="ph-copy ph-bold ph-lg"></i> {{ i18n.ts.copy }}</MkButton> </div> <MkCode :code="pluginLogs.get(plugin.id)?.join('\n') ?? ''"/> diff --git a/packages/frontend/src/scripts/get-note-menu.ts b/packages/frontend/src/scripts/get-note-menu.ts index bbe1a52f8f..4d8b54eac5 100644 --- a/packages/frontend/src/scripts/get-note-menu.ts +++ b/packages/frontend/src/scripts/get-note-menu.ts @@ -377,7 +377,7 @@ export function getNoteMenu(props: { action: () => toggleThreadMute(true), }), appearNote.userId === $i.id ? ($i.pinnedNoteIds ?? []).includes(appearNote.id) ? { - icon: 'ph-push-pin ph-bold ph-lgned-off', + icon: 'ph-push-pin-slash ph-bold ph-lg', text: i18n.ts.unpin, action: () => togglePin(false), } : { @@ -416,7 +416,7 @@ export function getNoteMenu(props: { { type: 'divider' }, { type: 'parent' as const, - icon: 'ti ti-device-tv', + icon: 'ph-television ph-bold ph-lg', text: i18n.ts.channel, children: async () => { const channelChildMenu = [] as MenuItem[]; @@ -425,7 +425,7 @@ export function getNoteMenu(props: { if (channel.pinnedNoteIds.includes(appearNote.id)) { channelChildMenu.push({ - icon: 'ti ti-pinned-off', + icon: 'ph-push-pin-slash ph-bold ph-lg', text: i18n.ts.unpin, action: () => os.apiWithDialog('channels/update', { channelId: appearNote.channel!.id, @@ -434,7 +434,7 @@ export function getNoteMenu(props: { }); } else { channelChildMenu.push({ - icon: 'ti ti-pin', + icon: 'ph-push-pin ph-bold ph-lg', text: i18n.ts.pin, action: () => os.apiWithDialog('channels/update', { channelId: appearNote.channel!.id, @@ -557,7 +557,7 @@ export function getRenoteMenu(props: { if (appearNote.channel) { channelRenoteItems.push(...[{ text: i18n.ts.inChannelRenote, - icon: 'ti ti-repeat', + icon: 'ph ph-repeat', action: () => { const el = props.renoteButton.value; if (el) { @@ -578,7 +578,7 @@ export function getRenoteMenu(props: { }, }, { text: i18n.ts.inChannelQuote, - icon: 'ti ti-quote', + icon: 'ph ph-quotes', action: () => { if (!props.mock) { os.post({ @@ -593,7 +593,7 @@ export function getRenoteMenu(props: { if (!appearNote.channel || appearNote.channel.allowRenoteToExternal) { normalRenoteItems.push(...[{ text: i18n.ts.renote, - icon: 'ti ti-repeat', + icon: 'ph ph-repeat', action: () => { const el = props.renoteButton.value; if (el) { @@ -624,7 +624,7 @@ export function getRenoteMenu(props: { }, }, (props.mock) ? undefined : { text: i18n.ts.quote, - icon: 'ti ti-quote', + icon: 'ph ph-quotes', action: () => { os.post({ renote: appearNote, diff --git a/packages/frontend/src/widgets/WidgetBirthdayFollowings.vue b/packages/frontend/src/widgets/WidgetBirthdayFollowings.vue index e4ac9673dd..e22697ca68 100644 --- a/packages/frontend/src/widgets/WidgetBirthdayFollowings.vue +++ b/packages/frontend/src/widgets/WidgetBirthdayFollowings.vue @@ -7,7 +7,7 @@ SPDX-License-Identifier: AGPL-3.0-only <MkContainer :showHeader="widgetProps.showHeader" class="mkw-bdayfollowings"> <template #icon><i class="ph-cake ph-bold ph-lg"></i></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="ph-arrows-clockwise ph-bold ph-lg"></i></button></template> <div :class="$style.bdayFRoot"> <MkLoading v-if="fetching"/>