diff options
| author | dakkar <dakkar@thenautilus.net> | 2024-06-22 16:14:06 +0100 |
|---|---|---|
| committer | dakkar <dakkar@thenautilus.net> | 2024-06-22 16:14:06 +0100 |
| commit | e082cbe669f31c9f261ca998ff8ce770eed46918 (patch) | |
| tree | b7a6f446529518a01d98a733e71177edee6b393e /packages/frontend/src/components/SkNoteDetailed.vue | |
| parent | move icon replacements to their own file (diff) | |
| download | sharkey-e082cbe669f31c9f261ca998ff8ce770eed46918.tar.gz sharkey-e082cbe669f31c9f261ca998ff8ce770eed46918.tar.bz2 sharkey-e082cbe669f31c9f261ca998ff8ce770eed46918.zip | |
make same replacements to Sk*
Diffstat (limited to 'packages/frontend/src/components/SkNoteDetailed.vue')
| -rw-r--r-- | packages/frontend/src/components/SkNoteDetailed.vue | 44 |
1 files changed, 22 insertions, 22 deletions
diff --git a/packages/frontend/src/components/SkNoteDetailed.vue b/packages/frontend/src/components/SkNoteDetailed.vue index 7a23d0aa73..47c0f86ec0 100644 --- a/packages/frontend/src/components/SkNoteDetailed.vue +++ b/packages/frontend/src/components/SkNoteDetailed.vue @@ -16,7 +16,7 @@ SPDX-License-Identifier: AGPL-3.0-only </div> <div v-if="isRenote" :class="$style.renote"> <MkAvatar :class="$style.renoteAvatar" :user="note.user" link preview/> - <i class="ph-rocket-launch ph-bold ph-lg" style="margin-right: 4px;"></i> + <i class="ti ti-repeat" style="margin-right: 4px;"></i> <span :class="$style.renoteText"> <I18n :src="i18n.ts.renotedBy" tag="span"> <template #user> @@ -28,15 +28,15 @@ SPDX-License-Identifier: AGPL-3.0-only </span> <div :class="$style.renoteInfo"> <button ref="renoteTime" class="_button" :class="$style.renoteTime" @click="showRenoteMenu()"> - <i v-if="isMyRenote" class="ph-dots-three ph-bold ph-lg" style="margin-right: 4px;"></i> + <i v-if="isMyRenote" class="ti ti-dots" style="margin-right: 4px;"></i> <MkTime :time="note.createdAt"/> </button> <span v-if="note.visibility !== 'public'" style="margin-left: 0.5em;" :title="i18n.ts._visibility[note.visibility]"> - <i v-if="note.visibility === 'home'" class="ph-house ph-bold ph-lg"></i> - <i v-else-if="note.visibility === 'followers'" class="ph-lock ph-bold ph-lg"></i> - <i v-else-if="note.visibility === 'specified'" ref="specified" class="ph-envelope ph-bold ph-lg"></i> + <i v-if="note.visibility === 'home'" class="ti ti-home"></i> + <i v-else-if="note.visibility === 'followers'" class="ti ti-lock"></i> + <i v-else-if="note.visibility === 'specified'" ref="specified" class="ti ti-mail"></i> </span> - <span v-if="note.localOnly" style="margin-left: 0.5em;" :title="i18n.ts._visibility['disableFederation']"><i class="ph-rocket ph-bold ph-lg"></i></span> + <span v-if="note.localOnly" style="margin-left: 0.5em;" :title="i18n.ts._visibility['disableFederation']"><i class="ti ti-rocket-off"></i></span> </div> </div> <template v-if="appearNote.reply && appearNote.reply.replyId"> @@ -64,12 +64,12 @@ SPDX-License-Identifier: AGPL-3.0-only <div :class="$style.noteHeaderBody"> <div :class="$style.noteHeaderInfo"> <span v-if="appearNote.visibility !== 'public'" style="margin-left: 0.5em;" :title="i18n.ts._visibility[appearNote.visibility]"> - <i v-if="appearNote.visibility === 'home'" class="ph-house ph-bold ph-lg"></i> - <i v-else-if="appearNote.visibility === 'followers'" class="ph-lock ph-bold ph-lg"></i> - <i v-else-if="appearNote.visibility === 'specified'" ref="specified" class="ph-envelope ph-bold ph-lg"></i> + <i v-if="appearNote.visibility === 'home'" class="ti ti-home"></i> + <i v-else-if="appearNote.visibility === 'followers'" class="ti ti-lock"></i> + <i v-else-if="appearNote.visibility === 'specified'" ref="specified" class="ti ti-mail"></i> </span> <span v-if="appearNote.updatedAt" ref="menuVersionsButton" style="margin-left: 0.5em;" title="Edited" @mousedown="menuVersions()"><i class="ph-pencil-simple ph-bold ph-lg"></i></span> - <span v-if="appearNote.localOnly" style="margin-left: 0.5em;" :title="i18n.ts._visibility['disableFederation']"><i class="ph-rocket ph-bold ph-lg"></i></span> + <span v-if="appearNote.localOnly" style="margin-left: 0.5em;" :title="i18n.ts._visibility['disableFederation']"><i class="ti ti-rocket-off"></i></span> </div> <SkInstanceTicker v-if="showTicker" :instance="appearNote.user.instance"/> </div> @@ -113,7 +113,7 @@ SPDX-License-Identifier: AGPL-3.0-only </div> <div v-if="appearNote.renote" :class="$style.quote"><SkNoteSimple :note="appearNote.renote" :class="$style.quoteNote" :expandAllCws="props.expandAllCws"/></div> </div> - <MkA v-if="appearNote.channel && !inChannel" :class="$style.channel" :to="`/channels/${appearNote.channel.id}`"><i class="ph-television ph-bold ph-lg"></i> {{ appearNote.channel.name }}</MkA> + <MkA v-if="appearNote.channel && !inChannel" :class="$style.channel" :to="`/channels/${appearNote.channel.id}`"><i class="ti ti-device-tv"></i> {{ appearNote.channel.name }}</MkA> </div> <div :class="$style.noteFooterInfo"> <div v-if="appearNote.updatedAt"> @@ -126,7 +126,7 @@ SPDX-License-Identifier: AGPL-3.0-only <MkReactionsViewer v-if="appearNote.reactionAcceptance !== 'likeOnly'" ref="reactionsViewer" :note="appearNote"/> <footer :class="$style.footer"> <button class="_button" :class="$style.noteFooterButton" @click="reply()"> - <i class="ph-arrow-u-up-left ph-bold ph-lg"></i> + <i class="ti ti-arrow-back-up"></i> <p v-if="appearNote.repliesCount > 0" :class="$style.noteFooterButtonCount">{{ number(appearNote.repliesCount) }}</p> </button> <button @@ -137,11 +137,11 @@ SPDX-License-Identifier: AGPL-3.0-only :style="renoted ? 'color: var(--accent) !important;' : ''" @mousedown="renoted ? undoRenote() : boostVisibility()" > - <i class="ph-rocket-launch ph-bold ph-lg"></i> + <i class="ti ti-repeat"></i> <p v-if="appearNote.renoteCount > 0" :class="$style.noteFooterButtonCount">{{ number(appearNote.renoteCount) }}</p> </button> <button v-else class="_button" :class="$style.noteFooterButton" disabled> - <i class="ph-prohibit ph-bold ph-lg"></i> + <i class="ti ti-ban"></i> </button> <button v-if="canRenote" @@ -156,23 +156,23 @@ SPDX-License-Identifier: AGPL-3.0-only <i class="ph-heart ph-bold ph-lg"></i> </button> <button ref="reactButton" :class="$style.noteFooterButton" class="_button" @click="toggleReact()"> - <i v-if="appearNote.reactionAcceptance === 'likeOnly' && appearNote.myReaction != null" class="ph-heart ph-bold ph-lg" style="color: var(--eventReactionHeart);"></i> - <i v-else-if="appearNote.myReaction != null" class="ph-minus ph-bold ph-lg" style="color: var(--accent);"></i> - <i v-else-if="appearNote.reactionAcceptance === 'likeOnly'" class="ph-heart ph-bold ph-lg"></i> + <i v-if="appearNote.reactionAcceptance === 'likeOnly' && appearNote.myReaction != null" class="ti ti-heart-filled" style="color: var(--eventReactionHeart);"></i> + <i v-else-if="appearNote.myReaction != null" class="ti ti-minus" style="color: var(--accent);"></i> + <i v-else-if="appearNote.reactionAcceptance === 'likeOnly'" class="ti ti-heart"></i> <i v-else class="ph-smiley ph-bold ph-lg"></i> <p v-if="(appearNote.reactionAcceptance === 'likeOnly' || defaultStore.state.showReactionsCount) && appearNote.reactionCount > 0" :class="$style.noteFooterButtonCount">{{ number(appearNote.reactionCount) }}</p> </button> <button v-if="defaultStore.state.showClipButtonInNoteFooter" ref="clipButton" class="_button" :class="$style.noteFooterButton" @mousedown="clip()"> - <i class="ph-paperclip ph-bold ph-lg"></i> + <i class="ti ti-paperclip"></i> </button> <button ref="menuButton" class="_button" :class="$style.noteFooterButton" @mousedown="showMenu()"> - <i class="ph-dots-three ph-bold ph-lg"></i> + <i class="ti ti-dots"></i> </button> </footer> </article> <div :class="$style.tabs"> - <button class="_button" :class="[$style.tab, { [$style.tabActive]: tab === 'replies' }]" @click="tab = 'replies'"><i class="ph-arrow-u-up-left ph-bold ph-lg"></i> {{ i18n.ts.replies }}</button> - <button class="_button" :class="[$style.tab, { [$style.tabActive]: tab === 'renotes' }]" @click="tab = 'renotes'"><i class="ph-rocket-launch ph-bold ph-lg"></i> {{ i18n.ts.renotes }}</button> + <button class="_button" :class="[$style.tab, { [$style.tabActive]: tab === 'replies' }]" @click="tab = 'replies'"><i class="ti ti-arrow-back-up"></i> {{ i18n.ts.replies }}</button> + <button class="_button" :class="[$style.tab, { [$style.tabActive]: tab === 'renotes' }]" @click="tab = 'renotes'"><i class="ti ti-repeat"></i> {{ i18n.ts.renotes }}</button> <button class="_button" :class="[$style.tab, { [$style.tabActive]: tab === 'quotes' }]" @click="tab = 'quotes'"><i class="ph-quotes ph-bold ph-lg"></i> {{ i18n.ts._notification._types.quote }}</button> <button class="_button" :class="[$style.tab, { [$style.tabActive]: tab === 'reactions' }]" @click="tab = 'reactions'"><i class="ph-smiley ph-bold ph-lg"></i> {{ i18n.ts.reactions }}</button> </div> @@ -719,7 +719,7 @@ function showRenoteMenu(viaKeyboard = false): void { pleaseLogin(); os.popupMenu([{ text: i18n.ts.unrenote, - icon: 'ph-trash ph-bold ph-lg', + icon: 'ti ti-trash', danger: true, action: () => { misskeyApi('notes/delete', { |