diff --git a/packages/frontend/src/components/MkNote.vue b/packages/frontend/src/components/MkNote.vue index 8e8b0b7626c18d5b8b9c66ba1e07da97dc2b501a..0148e0c27e82829e65890d78b73995290882d757 100644 --- a/packages/frontend/src/components/MkNote.vue +++ b/packages/frontend/src/components/MkNote.vue @@ -15,7 +15,7 @@ SPDX-License-Identifier: AGPL-3.0-only <MkNoteSub v-if="appearNote.reply && !renoteCollapsed" :note="appearNote.reply" :class="$style.replyTo"/> <div v-if="pinned" :class="$style.tip"><i class="ph-push-pin ph-bold ph-lg"></i> {{ i18n.ts.pinnedNote }}</div> <!--<div v-if="appearNote._prId_" class="tip"><i class="ph-megaphone ph-bold ph-lg"></i> {{ i18n.ts.promotion }}<button class="_textButton hide" @click="readPromo()">{{ i18n.ts.hideThisNote }} <i class="ph-x ph-bold ph-lg"></i></button></div>--> - <!--<div v-if="appearNote._featuredId_" class="tip"><i class="ph-lightning ph-bold pg-lg"></i> {{ i18n.ts.featured }}</div>--> + <!--<div v-if="appearNote._featuredId_" class="tip"><i class="ph-lightning ph-bold ph-lg"></i> {{ i18n.ts.featured }}</div>--> <div v-if="isRenote" :class="$style.renote"> <div v-if="note.channel" :class="$style.colorBar" :style="{ background: note.channel.color }"></div> <MkAvatar :class="$style.renoteAvatar" :user="note.user" link preview/> @@ -37,7 +37,7 @@ SPDX-License-Identifier: AGPL-3.0-only <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> </span> - <span v-if="note.localOnly" style="margin-left: 0.5em;" :title="i18n.ts._visibility['disableFederation']"><i class="ph-rocket ph-bold pg-lg"></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.channel" style="margin-left: 0.5em;" :title="note.channel.name"><i class="ph-television ph-bold ph-lg"></i></span> <span v-if="note.updatedAt" ref="menuVersionsButton" style="margin-left: 0.5em;" title="Edited" @mousedown="menuVersions()"><i class="ph-pencil ph-bold ph-lg"></i></span> </div> @@ -60,7 +60,7 @@ SPDX-License-Identifier: AGPL-3.0-only <div v-show="appearNote.cw == null || showContent" :class="[{ [$style.contentCollapsed]: collapsed }]" > <div :class="$style.text"> <span v-if="appearNote.isHidden" style="opacity: 0.5">({{ i18n.ts.private }})</span> - <MkA v-if="appearNote.replyId" :class="$style.replyIcon" :to="`/notes/${appearNote.replyId}`"><i class="ph-arrow-bend-left-up ph-bold pg-lg"></i></MkA> + <MkA v-if="appearNote.replyId" :class="$style.replyIcon" :to="`/notes/${appearNote.replyId}`"><i class="ph-arrow-bend-left-up ph-bold ph-lg"></i></MkA> <Mfm v-if="appearNote.text" :parsedNodes="parsed" @@ -101,7 +101,7 @@ SPDX-License-Identifier: AGPL-3.0-only </MkReactionsViewer> <footer :class="$style.footer"> <button :class="$style.footerButton" class="_button" v-on:click.stop @click="reply()"> - <i class="ph-arrow-u-up-left ph-bold pg-lg"></i> + <i class="ph-arrow-u-up-left ph-bold ph-lg"></i> <p v-if="appearNote.repliesCount > 0" :class="$style.footerButtonCount">{{ appearNote.repliesCount }}</p> </button> <button diff --git a/packages/frontend/src/components/MkNoteDetailed.vue b/packages/frontend/src/components/MkNoteDetailed.vue index 85086291955c0d1d41d5e78960a3a1173af5f69c..bb8a0aa7366b64edc02213a98130d69719aadea7 100644 --- a/packages/frontend/src/components/MkNoteDetailed.vue +++ b/packages/frontend/src/components/MkNoteDetailed.vue @@ -40,7 +40,7 @@ SPDX-License-Identifier: AGPL-3.0-only <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> </span> - <span v-if="note.localOnly" style="margin-left: 0.5em;" :title="i18n.ts._visibility['disableFederation']"><i class="ph-rocket ph-bold pg-lg"></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> </div> </div> <article :class="$style.note" @contextmenu.stop="onContextmenu"> @@ -59,7 +59,7 @@ SPDX-License-Identifier: AGPL-3.0-only <i v-else-if="appearNote.visibility === 'specified'" ref="specified" class="ph-envelope ph-bold ph-lg"></i> </span> <span v-if="appearNote.updatedAt" ref="menuVersionsButton" style="margin-left: 0.5em;" title="Edited" @mousedown="menuVersions()"><i class="ph-pencil 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 pg-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> </div> </div> <div :class="$style.noteHeaderUsername"><MkAcct :user="appearNote.user"/></div> @@ -73,7 +73,7 @@ SPDX-License-Identifier: AGPL-3.0-only </p> <div v-show="appearNote.cw == null || showContent"> <span v-if="appearNote.isHidden" style="opacity: 0.5">({{ i18n.ts.private }})</span> - <MkA v-if="appearNote.replyId" :class="$style.noteReplyTarget" :to="`/notes/${appearNote.replyId}`"><i class="ph-arrow-bend-left-up ph-bold pg-lg"></i></MkA> + <MkA v-if="appearNote.replyId" :class="$style.noteReplyTarget" :to="`/notes/${appearNote.replyId}`"><i class="ph-arrow-bend-left-up ph-bold ph-lg"></i></MkA> <Mfm v-if="appearNote.text" :parsedNodes="parsed" @@ -112,7 +112,7 @@ SPDX-License-Identifier: AGPL-3.0-only </div> <MkReactionsViewer ref="reactionsViewer" :note="appearNote"/> <button class="_button" :class="$style.noteFooterButton" @click="reply()"> - <i class="ph-arrow-u-up-left ph-bold pg-lg"></i> + <i class="ph-arrow-u-up-left ph-bold ph-lg"></i> <p v-if="appearNote.repliesCount > 0" :class="$style.noteFooterButtonCount">{{ appearNote.repliesCount }}</p> </button> <button @@ -158,10 +158,10 @@ SPDX-License-Identifier: AGPL-3.0-only </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 pg-lg"></i> {{ i18n.ts.replies }}</button> + <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 === '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 pg-lg"></i> {{ i18n.ts.reactions }}</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> <div> <div v-if="tab === 'replies'" :class="$style.tab_replies"> diff --git a/packages/frontend/src/components/MkNoteHeader.vue b/packages/frontend/src/components/MkNoteHeader.vue index 7b75b3a30018b31f45dd053961880771fd329ac3..97225910bf6ac3d329a2448b0fb5e71bde309c78 100644 --- a/packages/frontend/src/components/MkNoteHeader.vue +++ b/packages/frontend/src/components/MkNoteHeader.vue @@ -29,7 +29,7 @@ SPDX-License-Identifier: AGPL-3.0-only <i v-else-if="note.visibility === 'specified'" ref="specified" class="ph-envelope ph-bold ph-lg"></i> </span> <span v-if="note.updatedAt" ref="menuVersionsButton" style="margin-left: 0.5em;" title="Edited" @mousedown="menuVersions()"><i class="ph-pencil ph-bold ph-lg"></i></span> - <span v-if="note.localOnly" style="margin-left: 0.5em;" :title="i18n.ts._visibility['disableFederation']"><i class="ph-rocket ph-bold pg-lg"></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.channel" style="margin-left: 0.5em;" :title="note.channel.name"><i class="ph-television ph-bold ph-lg"></i></span> </div> </header> diff --git a/packages/frontend/src/components/MkNoteSub.vue b/packages/frontend/src/components/MkNoteSub.vue index 856d2d71c4ad0fab357536842d656975c7eee9c5..a679d70b85d6776e9bc539e35d7d351accb0c5cf 100644 --- a/packages/frontend/src/components/MkNoteSub.vue +++ b/packages/frontend/src/components/MkNoteSub.vue @@ -22,7 +22,7 @@ SPDX-License-Identifier: AGPL-3.0-only <footer :class="$style.footer"> <MkReactionsViewer ref="reactionsViewer" :note="note"/> <button class="_button" :class="$style.noteFooterButton" @click="reply()"> - <i class="ph-arrow-u-up-left ph-bold pg-lg"></i> + <i class="ph-arrow-u-up-left ph-bold ph-lg"></i> <p v-if="note.repliesCount > 0" :class="$style.noteFooterButtonCount">{{ note.repliesCount }}</p> </button> <button diff --git a/packages/frontend/src/components/MkNotification.vue b/packages/frontend/src/components/MkNotification.vue index 8308daa27d3bc9a467bac101f063412fe7b89bd6..fd96aa4335bbd0b5c6bf0073773c4dfca038b91d 100644 --- a/packages/frontend/src/components/MkNotification.vue +++ b/packages/frontend/src/components/MkNotification.vue @@ -31,10 +31,10 @@ SPDX-License-Identifier: AGPL-3.0-only <i v-else-if="notification.type === 'receiveFollowRequest'" class="ph-clock ph-bold ph-lg"></i> <i v-else-if="notification.type === 'followRequestAccepted'" class="ph-check ph-bold ph-lg"></i> <i v-else-if="notification.type === 'renote'" class="ph-rocket-launch ph-bold ph-lg"></i> - <i v-else-if="notification.type === 'reply'" class="ph-arrow-u-up-left ph-bold pg-lg"></i> + <i v-else-if="notification.type === 'reply'" class="ph-arrow-u-up-left ph-bold ph-lg"></i> <i v-else-if="notification.type === 'mention'" class="ph-at ph-bold ph-lg"></i> <i v-else-if="notification.type === 'quote'" class="ph-quotes ph-bold ph-lg"></i> - <i v-else-if="notification.type === 'pollEnded'" class="ph-chart-bar-horizontal ph-bold pg-lg"></i> + <i v-else-if="notification.type === 'pollEnded'" class="ph-chart-bar-horizontal ph-bold ph-lg"></i> <i v-else-if="notification.type === 'achievementEarned'" class="ph-trophy ph-bold ph-lg"></i> <!-- notification.reaction ㌠null ã«ãªã‚‹ã“ã¨ã¯ã¾ãšãªã„ãŒã€ã“ã“ã§optional chaining使ã†ã¨ä¸€éƒ¨ãƒ–ラウザã§åˆºã•ã‚‹ã®ã§å¿µã®ç‚º --> <MkReactionIcon diff --git a/packages/frontend/src/components/MkPageWindow.vue b/packages/frontend/src/components/MkPageWindow.vue index 818e1027a1f9e333390dd10631a4f4dfc8fab00d..b22cd683ff1468354c583cae605a8735c335544f 100644 --- a/packages/frontend/src/components/MkPageWindow.vue +++ b/packages/frontend/src/components/MkPageWindow.vue @@ -66,7 +66,7 @@ const buttonsLeft = $computed(() => { if (history.length > 1) { buttons.push({ - icon: 'ph-arrow-left ph-bold pg-lg', + icon: 'ph-arrow-left ph-bold ph-lg', onClick: back, }); } @@ -79,7 +79,7 @@ const buttonsRight = $computed(() => { title: i18n.ts.reload, onClick: reload, }, { - icon: 'ph-eject ph-bold pg-lg', + icon: 'ph-eject ph-bold ph-lg', title: i18n.ts.showInPage, onClick: expand, }]; @@ -101,7 +101,7 @@ provide('shouldHeaderThin', true); provide('forceSpacerMin', true); const contextmenu = $computed(() => ([{ - icon: 'ph-eject ph-bold pg-lg', + icon: 'ph-eject ph-bold ph-lg', text: i18n.ts.showInPage, action: expand, }, { diff --git a/packages/frontend/src/components/MkPasswordDialog.vue b/packages/frontend/src/components/MkPasswordDialog.vue index 28bcd567620ca92585822f0bdbffcdd13eb7d427..3f244c42fd3f998e0e0947b524118b339bff99ef 100644 --- a/packages/frontend/src/components/MkPasswordDialog.vue +++ b/packages/frontend/src/components/MkPasswordDialog.vue @@ -26,7 +26,7 @@ SPDX-License-Identifier: AGPL-3.0-only <MkInput v-if="$i.twoFactorEnabled" v-model="token" type="text" pattern="^([0-9]{6}|[A-Z0-9]{32})$" autocomplete="one-time-code" :spellcheck="false"> <template #label>{{ i18n.ts.token }} ({{ i18n.ts['2fa'] }})</template> - <template #prefix><i class="ph-keyhole ph-bold pg-lg"></i></template> + <template #prefix><i class="ph-keyhole ph-bold ph-lg"></i></template> </MkInput> <MkButton :disabled="(password ?? '') == '' || ($i.twoFactorEnabled && (token ?? '') == '')" primary rounded style="margin: 0 auto;" @click="done"><i class="ph-lock ph-bold ph-lg-open"></i> {{ i18n.ts.continue }}</MkButton> diff --git a/packages/frontend/src/components/MkPostForm.vue b/packages/frontend/src/components/MkPostForm.vue index e5edd9512a06f2ae8667ecfbe908bfebe4ba67b9..76e0944cbb0dc609a4193e3cefc90e178a6681bc 100644 --- a/packages/frontend/src/components/MkPostForm.vue +++ b/packages/frontend/src/components/MkPostForm.vue @@ -33,20 +33,20 @@ SPDX-License-Identifier: AGPL-3.0-only </button> </template> <button v-click-anime v-tooltip="i18n.ts._visibility.disableFederation" class="_button" :class="[$style.headerRightItem, { [$style.danger]: localOnly }]" :disabled="channel != null || visibility === 'specified'" @click="toggleLocalOnly"> - <span v-if="!localOnly"><i class="ph-rocket-launch ph-bold pg-lg"></i></span> - <span v-else><i class="ph-rocket ph-bold pg-lg"></i></span> + <span v-if="!localOnly"><i class="ph-rocket-launch ph-bold ph-lg"></i></span> + <span v-else><i class="ph-rocket ph-bold ph-lg"></i></span> </button> <button v-click-anime v-tooltip="i18n.ts.reactionAcceptance" class="_button" :class="[$style.headerRightItem, { [$style.danger]: reactionAcceptance === 'likeOnly' }]" @click="toggleReactionAcceptance"> <span v-if="reactionAcceptance === 'likeOnly'"><i class="ph-heart ph-bold ph-lg"></i></span> <span v-else-if="reactionAcceptance === 'likeOnlyForRemote'"><i class="ph-heart ph-bold ph-lg"></i></span> - <span v-else><i class="ph-smiley ph-bold pg-lg"></i></span> + <span v-else><i class="ph-smiley ph-bold ph-lg"></i></span> </button> <button v-click-anime class="_button" :class="$style.submit" :disabled="!canPost" data-cy-open-post-form-submit @click="post"> <div :class="$style.submitInner"> <template v-if="posted"></template> <template v-else-if="posting"><MkEllipsis/></template> <template v-else>{{ submitText }}</template> - <i style="margin-left: 6px;" :class="posted ? 'ph-check ph-bold ph-lg' : reply ? 'ph-arrow-u-up-left ph-bold pg-lg' : renote ? 'ph-quotes ph-bold ph-lg' : 'ph-paper-plane-tilt ph-bold ph-lg'"></i> + <i style="margin-left: 6px;" :class="posted ? 'ph-check ph-bold ph-lg' : reply ? 'ph-arrow-u-up-left ph-bold ph-lg' : renote ? 'ph-quotes ph-bold ph-lg' : 'ph-paper-plane-tilt ph-bold ph-lg'"></i> </div> </button> </div> @@ -79,7 +79,7 @@ SPDX-License-Identifier: AGPL-3.0-only <footer :class="$style.footer"> <div :class="$style.footerLeft"> <button v-tooltip="i18n.ts.attachFile" class="_button" :class="$style.footerButton" @click="chooseFileFrom"><i class="ph-image-square ph-bold ph-lg-plus"></i></button> - <button v-tooltip="i18n.ts.poll" class="_button" :class="[$style.footerButton, { [$style.footerButtonActive]: poll }]" @click="togglePoll"><i class="ph-chart-bar-horizontal ph-bold pg-lg"></i></button> + <button v-tooltip="i18n.ts.poll" class="_button" :class="[$style.footerButton, { [$style.footerButtonActive]: poll }]" @click="togglePoll"><i class="ph-chart-bar-horizontal ph-bold ph-lg"></i></button> <button v-tooltip="i18n.ts.useCw" class="_button" :class="[$style.footerButton, { [$style.footerButtonActive]: useCw }]" @click="useCw = !useCw"><i class="ph-eye-slash ph-bold ph-lg"></i></button> <button v-tooltip="i18n.ts.mention" class="_button" :class="$style.footerButton" @click="insertMention"><i class="ph-at ph-bold ph-lg"></i></button> <button v-tooltip="i18n.ts.hashtags" class="_button" :class="[$style.footerButton, { [$style.footerButtonActive]: withHashtags }]" @click="withHashtags = !withHashtags"><i class="ph-hash ph-bold ph-lg"></i></button> diff --git a/packages/frontend/src/components/MkPullToRefresh.vue b/packages/frontend/src/components/MkPullToRefresh.vue index ef9f654f057eb5204a5033a267d9170ef3c15fe9..9f50f7ad5daedf685bedae0536342c15ad49e59c 100644 --- a/packages/frontend/src/components/MkPullToRefresh.vue +++ b/packages/frontend/src/components/MkPullToRefresh.vue @@ -8,7 +8,7 @@ SPDX-License-Identifier: AGPL-3.0-only <div v-if="isPullStart" :class="$style.frame" :style="`--frame-min-height: ${pullDistance / (PULL_BRAKE_BASE + (pullDistance / PULL_BRAKE_FACTOR))}px;`"> <div :class="$style.frameContent"> <MkLoading v-if="isRefreshing" :class="$style.loader" :em="true"/> - <i v-else class="ph-arrow-line-down ph-bold pg-lg" :class="[$style.icon, { [$style.refresh]: isPullEnd }]"></i> + <i v-else class="ph-arrow-line-down ph-bold ph-lg" :class="[$style.icon, { [$style.refresh]: isPullEnd }]"></i> <div :class="$style.text"> <template v-if="isPullEnd">{{ i18n.ts.releaseToRefresh }}</template> <template v-else-if="isRefreshing">{{ i18n.ts.refreshing }}</template> diff --git a/packages/frontend/src/components/MkSelect.vue b/packages/frontend/src/components/MkSelect.vue index 26e4a0c2da3fadc6b96e58e8cef41f99f9588992..d8c8c4998befd877b2ec3249b95450612b91e1a9 100644 --- a/packages/frontend/src/components/MkSelect.vue +++ b/packages/frontend/src/components/MkSelect.vue @@ -27,7 +27,7 @@ SPDX-License-Identifier: AGPL-3.0-only </div> <div :class="$style.caption"><slot name="caption"></slot></div> - <MkButton v-if="manualSave && changed" primary @click="updated"><i class="ph-floppy-disk ph-bold pg-lg"></i> {{ i18n.ts.save }}</MkButton> + <MkButton v-if="manualSave && changed" primary @click="updated"><i class="ph-floppy-disk ph-bold ph-lg"></i> {{ i18n.ts.save }}</MkButton> </div> </template> diff --git a/packages/frontend/src/components/MkSignin.vue b/packages/frontend/src/components/MkSignin.vue index cc5fc29ed3ea18de45cb614fca28f45c877b3980..a8718b98d6cf39052f7192858a729995fe41ce6e 100644 --- a/packages/frontend/src/components/MkSignin.vue +++ b/packages/frontend/src/components/MkSignin.vue @@ -39,7 +39,7 @@ SPDX-License-Identifier: AGPL-3.0-only </MkInput> <MkInput v-model="token" type="text" pattern="^([0-9]{6}|[A-Z0-9]{32})$" autocomplete="one-time-code" :spellcheck="false" required> <template #label>{{ i18n.ts.token }}</template> - <template #prefix><i class="ph-keyhole ph-bold pg-lg"></i></template> + <template #prefix><i class="ph-keyhole ph-bold ph-lg"></i></template> </MkInput> <MkButton type="submit" :disabled="signing" large primary rounded style="margin: 0 auto;">{{ signing ? i18n.ts.loggingIn : i18n.ts.login }}</MkButton> </div> diff --git a/packages/frontend/src/components/MkSignupDialog.rules.vue b/packages/frontend/src/components/MkSignupDialog.rules.vue index 3dc95ad0a0841c1dc744864ec095151bc183056f..7d044a128945bf4f91543cc5ab68e1e1d1096a49 100644 --- a/packages/frontend/src/components/MkSignupDialog.rules.vue +++ b/packages/frontend/src/components/MkSignupDialog.rules.vue @@ -32,7 +32,7 @@ SPDX-License-Identifier: AGPL-3.0-only <MkFolder v-if="availableTos || availablePrivacyPolicy" :defaultOpen="true"> <template #label>{{ tosPrivacyPolicyLabel }}</template> - <template #suffix><i v-if="agreeTosAndPrivacyPolicy" class="ph-check ph-bold pg-lg" style="color: var(--success)"></i></template> + <template #suffix><i v-if="agreeTosAndPrivacyPolicy" class="ph-check ph-bold ph-lg" style="color: var(--success)"></i></template> <div class="_gaps_s"> <div v-if="availableTos"><a :href="instance.tosUrl" class="_link" target="_blank">{{ i18n.ts.termsOfService }} <i class="ph-arrow-square-out ph-bold ph-lg"></i></a></div> <div v-if="availablePrivacyPolicy"><a :href="instance.privacyPolicyUrl" class="_link" target="_blank">{{ i18n.ts.privacyPolicy }} <i class="ph-arrow-square-out ph-bold ph-lg"></i></a></div> @@ -54,7 +54,7 @@ SPDX-License-Identifier: AGPL-3.0-only <div class="_buttonsCenter"> <MkButton inline rounded @click="emit('cancel')">{{ i18n.ts.cancel }}</MkButton> - <MkButton inline primary rounded gradate :disabled="!agreed" data-cy-signup-rules-continue @click="emit('done')">{{ i18n.ts.continue }} <i class="ph-arrow-right ph-bold pg-lg"></i></MkButton> + <MkButton inline primary rounded gradate :disabled="!agreed" data-cy-signup-rules-continue @click="emit('done')">{{ i18n.ts.continue }} <i class="ph-arrow-right ph-bold ph-lg"></i></MkButton> </div> </div> </MkSpacer> diff --git a/packages/frontend/src/components/MkSubNoteContent.vue b/packages/frontend/src/components/MkSubNoteContent.vue index 0b411b75be9d83fd8e2815563e1dc1494e0e8416..ac07e994ece026581d8c95e5fcca26903d446108 100644 --- a/packages/frontend/src/components/MkSubNoteContent.vue +++ b/packages/frontend/src/components/MkSubNoteContent.vue @@ -8,7 +8,7 @@ SPDX-License-Identifier: AGPL-3.0-only <div :class="{ [$style.clickToOpen]: defaultStore.state.clickToOpen }" @click="defaultStore.state.clickToOpen ? noteclick(note.id) : undefined"> <span v-if="note.isHidden" style="opacity: 0.5">({{ i18n.ts.private }})</span> <span v-if="note.deletedAt" style="opacity: 0.5">({{ i18n.ts.deleted }})</span> - <MkA v-if="note.replyId" :class="$style.reply" :to="`/notes/${note.replyId}`" v-on:click.stop><i class="ph-arrow-bend-left-up ph-bold pg-lg"></i></MkA> + <MkA v-if="note.replyId" :class="$style.reply" :to="`/notes/${note.replyId}`" v-on:click.stop><i class="ph-arrow-bend-left-up ph-bold ph-lg"></i></MkA> <Mfm v-if="note.text" :text="note.text" :author="note.user" :nyaize="'account'" :emojiUrls="note.emojis"/> <div v-if="note.text && translating || note.text && translation" :class="$style.translation"> <MkLoading v-if="translating" mini/> diff --git a/packages/frontend/src/components/MkTextarea.vue b/packages/frontend/src/components/MkTextarea.vue index 3ace738f1bebbdc39b47875e95080208d77f38bb..c35274959ebd7e3d39441e8328ef2b5a368bb528 100644 --- a/packages/frontend/src/components/MkTextarea.vue +++ b/packages/frontend/src/components/MkTextarea.vue @@ -27,7 +27,7 @@ SPDX-License-Identifier: AGPL-3.0-only </div> <div :class="$style.caption"><slot name="caption"></slot></div> - <MkButton v-if="manualSave && changed" primary :class="$style.save" @click="updated"><i class="ph-floppy-disk ph-bold pg-lg"></i> {{ i18n.ts.save }}</MkButton> + <MkButton v-if="manualSave && changed" primary :class="$style.save" @click="updated"><i class="ph-floppy-disk ph-bold ph-lg"></i> {{ i18n.ts.save }}</MkButton> </div> </template> diff --git a/packages/frontend/src/components/MkUrlPreview.vue b/packages/frontend/src/components/MkUrlPreview.vue index 7093283d45d5c5a2f2790b94625fb26c3b8fe7d6..78c62e1250cf1293e2b4d45dcffb59a3d63d5627 100644 --- a/packages/frontend/src/components/MkUrlPreview.vue +++ b/packages/frontend/src/components/MkUrlPreview.vue @@ -72,7 +72,7 @@ SPDX-License-Identifier: AGPL-3.0-only </div> <div v-if="!playerEnabled && player.url" :class="$style.action"> <MkButton :small="true" inline @click="playerEnabled = true"> - <i class="ph-play ph-bold pg-lg"></i> {{ i18n.ts.enablePlayer }} + <i class="ph-play ph-bold ph-lg"></i> {{ i18n.ts.enablePlayer }} </MkButton> <MkButton v-if="!isMobile" :small="true" inline @click="openPlayer()"> <i class="ph-picture-in-picture ph-bold ph-lg"></i> {{ i18n.ts.openInWindow }} diff --git a/packages/frontend/src/components/MkUserSetupDialog.vue b/packages/frontend/src/components/MkUserSetupDialog.vue index 747d85d367b2695a77d2617a96f08a615fc75064..be945c10665ad8574b51fd8b88633be11e6447e9 100644 --- a/packages/frontend/src/components/MkUserSetupDialog.vue +++ b/packages/frontend/src/components/MkUserSetupDialog.vue @@ -15,7 +15,7 @@ SPDX-License-Identifier: AGPL-3.0-only <template v-if="page === 1" #header><i class="ph-user-list ph-bold ph-lg"></i> {{ i18n.ts._initialAccountSetting.profileSetting }}</template> <template v-else-if="page === 2" #header><i class="ph-lock ph-bold ph-lg"></i> {{ i18n.ts._initialAccountSetting.privacySetting }}</template> <template v-else-if="page === 3" #header><i class="ph-user-plus ph-bold ph-lg"></i> {{ i18n.ts.follow }}</template> - <template v-else-if="page === 4" #header><i class="ph-bell-ringing ph-bold pg-lg"></i> {{ i18n.ts.pushNotification }}</template> + <template v-else-if="page === 4" #header><i class="ph-bell-ringing ph-bold ph-lg"></i> {{ i18n.ts.pushNotification }}</template> <template v-else-if="page === 5" #header>{{ i18n.ts.done }}</template> <template v-else #header>{{ i18n.ts.initialAccountSetting }}</template> @@ -38,7 +38,7 @@ SPDX-License-Identifier: AGPL-3.0-only <i class="ph-confetti ph-bold ph-lg" style="display: block; margin: auto; font-size: 3em; color: var(--accent);"></i> <div style="font-size: 120%;">{{ i18n.ts._initialAccountSetting.accountCreated }}</div> <div>{{ i18n.ts._initialAccountSetting.letsStartAccountSetup }}</div> - <MkButton primary rounded gradate style="margin: 16px auto 0 auto;" data-cy-user-setup-continue @click="page++">{{ i18n.ts._initialAccountSetting.profileSetting }} <i class="ph-arrow-right ph-bold pg-lg"></i></MkButton> + <MkButton primary rounded gradate style="margin: 16px auto 0 auto;" data-cy-user-setup-continue @click="page++">{{ i18n.ts._initialAccountSetting.profileSetting }} <i class="ph-arrow-right ph-bold ph-lg"></i></MkButton> <MkButton style="margin: 0 auto;" transparent rounded @click="later(true)">{{ i18n.ts.later }}</MkButton> </div> </MkSpacer> @@ -52,8 +52,8 @@ SPDX-License-Identifier: AGPL-3.0-only </MkSpacer> <div :class="$style.pageFooter"> <div class="_buttonsCenter"> - <MkButton rounded data-cy-user-setup-back @click="page--"><i class="ph-arrow-left ph-bold pg-lg"></i> {{ i18n.ts.goBack }}</MkButton> - <MkButton primary rounded gradate data-cy-user-setup-continue @click="page++">{{ i18n.ts.continue }} <i class="ph-arrow-right ph-bold pg-lg"></i></MkButton> + <MkButton rounded data-cy-user-setup-back @click="page--"><i class="ph-arrow-left ph-bold ph-lg"></i> {{ i18n.ts.goBack }}</MkButton> + <MkButton primary rounded gradate data-cy-user-setup-continue @click="page++">{{ i18n.ts.continue }} <i class="ph-arrow-right ph-bold ph-lg"></i></MkButton> </div> </div> </div> @@ -67,8 +67,8 @@ SPDX-License-Identifier: AGPL-3.0-only </MkSpacer> <div :class="$style.pageFooter"> <div class="_buttonsCenter"> - <MkButton rounded data-cy-user-setup-back @click="page--"><i class="ph-arrow-left ph-bold pg-lg"></i> {{ i18n.ts.goBack }}</MkButton> - <MkButton primary rounded gradate data-cy-user-setup-continue @click="page++">{{ i18n.ts.continue }} <i class="ph-arrow-right ph-bold pg-lg"></i></MkButton> + <MkButton rounded data-cy-user-setup-back @click="page--"><i class="ph-arrow-left ph-bold ph-lg"></i> {{ i18n.ts.goBack }}</MkButton> + <MkButton primary rounded gradate data-cy-user-setup-continue @click="page++">{{ i18n.ts.continue }} <i class="ph-arrow-right ph-bold ph-lg"></i></MkButton> </div> </div> </div> @@ -81,8 +81,8 @@ SPDX-License-Identifier: AGPL-3.0-only </MkSpacer> <div :class="$style.pageFooter"> <div class="_buttonsCenter"> - <MkButton rounded data-cy-user-setup-back @click="page--"><i class="ph-arrow-left ph-bold pg-lg"></i> {{ i18n.ts.goBack }}</MkButton> - <MkButton primary rounded gradate style="" data-cy-user-setup-continue @click="page++">{{ i18n.ts.continue }} <i class="ph-arrow-right ph-bold pg-lg"></i></MkButton> + <MkButton rounded data-cy-user-setup-back @click="page--"><i class="ph-arrow-left ph-bold ph-lg"></i> {{ i18n.ts.goBack }}</MkButton> + <MkButton primary rounded gradate style="" data-cy-user-setup-continue @click="page++">{{ i18n.ts.continue }} <i class="ph-arrow-right ph-bold ph-lg"></i></MkButton> </div> </div> </div> @@ -91,13 +91,13 @@ SPDX-License-Identifier: AGPL-3.0-only <div :class="$style.centerPage"> <MkSpacer :marginMin="20" :marginMax="28"> <div class="_gaps" style="text-align: center;"> - <i class="ph-bell-ringing ph-bold pg-lg" style="display: block; margin: auto; font-size: 3em; color: var(--accent);"></i> + <i class="ph-bell-ringing ph-bold ph-lg" style="display: block; margin: auto; font-size: 3em; color: var(--accent);"></i> <div style="font-size: 120%;">{{ i18n.ts.pushNotification }}</div> <div style="padding: 0 16px;">{{ i18n.t('_initialAccountSetting.pushNotificationDescription', { name: instance.name ?? host }) }}</div> <MkPushNotificationAllowButton primary showOnlyToRegister style="margin: 0 auto;"/> <div class="_buttonsCenter" style="margin-top: 16px;"> - <MkButton rounded data-cy-user-setup-back @click="page--"><i class="ph-arrow-left ph-bold pg-lg"></i> {{ i18n.ts.goBack }}</MkButton> - <MkButton primary rounded gradate data-cy-user-setup-continue @click="page++">{{ i18n.ts.continue }} <i class="ph-arrow-right ph-bold pg-lg"></i></MkButton> + <MkButton rounded data-cy-user-setup-back @click="page--"><i class="ph-arrow-left ph-bold ph-lg"></i> {{ i18n.ts.goBack }}</MkButton> + <MkButton primary rounded gradate data-cy-user-setup-continue @click="page++">{{ i18n.ts.continue }} <i class="ph-arrow-right ph-bold ph-lg"></i></MkButton> </div> </div> </MkSpacer> @@ -112,10 +112,10 @@ SPDX-License-Identifier: AGPL-3.0-only <div style="font-size: 120%;">{{ i18n.ts._initialAccountSetting.initialAccountSettingCompleted }}</div> <div>{{ i18n.t('_initialAccountSetting.youCanContinueTutorial', { name: instance.name ?? host }) }}</div> <div class="_buttonsCenter" style="margin-top: 16px;"> - <MkButton rounded primary gradate data-cy-user-setup-continue @click="launchTutorial()">{{ i18n.ts._initialAccountSetting.startTutorial }} <i class="ph-arrow-right ph-bold pg-lg"></i></MkButton> + <MkButton rounded primary gradate data-cy-user-setup-continue @click="launchTutorial()">{{ i18n.ts._initialAccountSetting.startTutorial }} <i class="ph-arrow-right ph-bold ph-lg"></i></MkButton> </div> <div class="_buttonsCenter"> - <MkButton rounded data-cy-user-setup-back @click="page--"><i class="ph-arrow-left ph-bold pg-lg"></i> {{ i18n.ts.goBack }}</MkButton> + <MkButton rounded data-cy-user-setup-back @click="page--"><i class="ph-arrow-left ph-bold ph-lg"></i> {{ i18n.ts.goBack }}</MkButton> <MkButton rounded primary data-cy-user-setup-continue @click="setupComplete()">{{ i18n.ts.close }}</MkButton> </div> </div> diff --git a/packages/frontend/src/components/MkVisitorDashboard.vue b/packages/frontend/src/components/MkVisitorDashboard.vue index b11bbf79445a8447d3994780aad7add4d792986c..79465e6ab469853a941936acd68a96202b6c3a4c 100644 --- a/packages/frontend/src/components/MkVisitorDashboard.vue +++ b/packages/frontend/src/components/MkVisitorDashboard.vue @@ -109,19 +109,19 @@ function showMenu(ev) { }, }, null, (instance.impressumUrl) ? { text: i18n.ts.impressum, - icon: 'ph-newspaper-clipping ph-bold pg-lg', + icon: 'ph-newspaper-clipping ph-bold ph-lg', action: () => { window.open(instance.impressumUrl, '_blank'); }, } : undefined, (instance.tosUrl) ? { text: i18n.ts.termsOfService, - icon: 'ph-notebook ph-bold pg-lg', + icon: 'ph-notebook ph-bold ph-lg', action: () => { window.open(instance.tosUrl, '_blank'); }, } : undefined, (instance.privacyPolicyUrl) ? { text: i18n.ts.privacyPolicy, - icon: 'ph-shield ph-bold pg-lg', + icon: 'ph-shield ph-bold ph-lg', action: () => { window.open(instance.privacyPolicyUrl, '_blank'); }, diff --git a/packages/frontend/src/components/MkWidgets.vue b/packages/frontend/src/components/MkWidgets.vue index c5cde16e673db0e9e8b1cb8e415895ab5eaa4f35..95f8950fb8c0335cc4b283609afe1202c109e98c 100644 --- a/packages/frontend/src/components/MkWidgets.vue +++ b/packages/frontend/src/components/MkWidgets.vue @@ -25,7 +25,7 @@ SPDX-License-Identifier: AGPL-3.0-only > <template #item="{element}"> <div :class="[$style.widget, $style.customizeContainer]" data-cy-customize-container> - <button :class="$style.customizeContainerConfig" class="_button" @click.prevent.stop="configWidget(element.id)"><i class="ph-gear ph-bold pg-lg"></i></button> + <button :class="$style.customizeContainerConfig" class="_button" @click.prevent.stop="configWidget(element.id)"><i class="ph-gear ph-bold ph-lg"></i></button> <button :class="$style.customizeContainerRemove" data-cy-customize-container-remove class="_button" @click.prevent.stop="removeWidget(element)"><i class="ph-x ph-bold ph-lg"></i></button> <div class="handle"> <component :is="`widget-${element.name}`" :ref="el => widgetRefs[element.id] = el" class="widget" :class="$style.customizeContainerHandleWidget" :widget="element" @updateProps="updateWidget(element.id, $event)"/> @@ -111,7 +111,7 @@ function onContextmenu(widget: Widget, ev: MouseEvent) { type: 'label', text: i18n.t(`_widgets.${widget.name}`), }, { - icon: 'ph-gear ph-bold pg-lg', + icon: 'ph-gear ph-bold ph-lg', text: i18n.ts.settings, action: () => { configWidget(widget.id); diff --git a/packages/frontend/src/components/SkOldNoteWindow.vue b/packages/frontend/src/components/SkOldNoteWindow.vue index 2e75efb8c96d3a1e549392b131d1c5bc1e50c6d7..63d9f4682a74498b29206903d297b6b6f4cc4751 100644 --- a/packages/frontend/src/components/SkOldNoteWindow.vue +++ b/packages/frontend/src/components/SkOldNoteWindow.vue @@ -20,7 +20,7 @@ <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> </span> - <span v-if="appearNote.localOnly" style="margin-left: 0.5em;" :title="i18n.ts._visibility['disableFederation']"><i class="ph-rocket ph-bold pg-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> </div> </div> <div :class="$style.noteHeaderUsername"><MkAcct :user="appearNote.user"/></div> @@ -34,7 +34,7 @@ </p> <div v-show="appearNote.cw == null || showContent"> <span v-if="appearNote.isHidden" style="opacity: 0.5">({{ i18n.ts.private }})</span> - <MkA v-if="appearNote.replyId" :class="$style.noteReplyTarget" :to="`/notes/${appearNote.replyId}`"><i class="ph-arrow-bend-left-up ph-bold pg-lg"></i></MkA> + <MkA v-if="appearNote.replyId" :class="$style.noteReplyTarget" :to="`/notes/${appearNote.replyId}`"><i class="ph-arrow-bend-left-up ph-bold ph-lg"></i></MkA> <Mfm v-if="appearNote.text" :text="appearNote.text" :author="appearNote.user" :nyaize="'account'" :emojiUrls="appearNote.emojis"/> <a v-if="appearNote.renote != null" :class="$style.rn">RN:</a> <div v-if="translating || translation" :class="$style.translation"> @@ -58,7 +58,7 @@ <MkTime :time="appearNote.createdAt" mode="detail"/> </div> <button class="_button" :class="$style.noteFooterButton"> - <i class="ph-arrow-u-up-left ph-bold pg-lg"></i> + <i class="ph-arrow-u-up-left ph-bold ph-lg"></i> </button> <button class="_button" :class="$style.noteFooterButton"> <i class="ph-rocket-launch ph-bold ph-lg"></i> diff --git a/packages/frontend/src/components/global/MkA.vue b/packages/frontend/src/components/global/MkA.vue index 1041e21d218536fade24145d3c925546b453ee3d..7689bba7bf0975c4795c26439c0dbfe39f595df5 100644 --- a/packages/frontend/src/components/global/MkA.vue +++ b/packages/frontend/src/components/global/MkA.vue @@ -51,7 +51,7 @@ function onContextmenu(ev) { os.pageWindow(props.to); }, }, { - icon: 'ph-eject ph-bold pg-lg', + icon: 'ph-eject ph-bold ph-lg', text: i18n.ts.showInPage, action: () => { router.push(props.to, 'forcePage'); diff --git a/packages/frontend/src/components/global/MkPageHeader.stories.impl.ts b/packages/frontend/src/components/global/MkPageHeader.stories.impl.ts index 171b68cf7d1496a402b9701c67e7c1a385ef73b6..05d2872e9154d6d4b08a4efda24bd3e177d2a2de 100644 --- a/packages/frontend/src/components/global/MkPageHeader.stories.impl.ts +++ b/packages/frontend/src/components/global/MkPageHeader.stories.impl.ts @@ -92,12 +92,12 @@ export const SomeTabs = { { key: 'fairy', title: 'Fairy', - icon: 'ph-snowflake ph-bold pg-lg', + icon: 'ph-snowflake ph-bold ph-lg', }, { key: 'angel', title: 'Angel', - icon: 'ph-feather ph-bold pg-lg', + icon: 'ph-feather ph-bold ph-lg', }, ], }, diff --git a/packages/frontend/src/navbar.ts b/packages/frontend/src/navbar.ts index 0ef856a1d587dedbca60fcb6da4f5ea63bb60fae..11a0feea265c5dbba7cd9db3f612072b502af41f 100644 --- a/packages/frontend/src/navbar.ts +++ b/packages/frontend/src/navbar.ts @@ -81,7 +81,7 @@ export const navbarItemDef = reactive({ }, favorites: { title: i18n.ts.favorites, - icon: 'ph-bookmark ph-bold ph-lg', + icon: 'ph-star ph-bold ph-lg', show: computed(() => $i != null), to: '/my/favorites', }, diff --git a/packages/frontend/src/pages/about-sharkey.vue b/packages/frontend/src/pages/about-sharkey.vue index aef6244013ce738e7fa3efe0bd0d54341f248289..0425201bc5ef28f87b6ddf0a6ff792386a27ba40 100644 --- a/packages/frontend/src/pages/about-sharkey.vue +++ b/packages/frontend/src/pages/about-sharkey.vue @@ -30,12 +30,12 @@ SPDX-License-Identifier: AGPL-3.0-only <FormSection> <div class="_gaps_s"> <FormLink to="https://github.com/transfem-org/Sharkey" external> - <template #icon><i class="ph-code ph-bold pg-lg"></i></template> + <template #icon><i class="ph-code ph-bold ph-lg"></i></template> {{ i18n.ts._aboutMisskey.source }} <template #suffix>GitHub</template> </FormLink> <FormLink to="https://ko-fi.com/transfem" external> - <template #icon><i class="ph-piggy-bank ph-bold pg-lg"></i></template> + <template #icon><i class="ph-piggy-bank ph-bold ph-lg"></i></template> {{ i18n.ts._aboutMisskey.donate }} <template #suffix>Ko-Fi</template> </FormLink> diff --git a/packages/frontend/src/pages/about.vue b/packages/frontend/src/pages/about.vue index 2306d97ae960ff8455258affa3e97913ae23ba67..e3586ba5874498da43676a685161b57f3dd45958 100644 --- a/packages/frontend/src/pages/about.vue +++ b/packages/frontend/src/pages/about.vue @@ -148,7 +148,7 @@ const headerTabs = $computed(() => [{ }, { key: 'emojis', title: i18n.ts.customEmojis, - icon: 'ph-smiley ph-bold pg-lg', + icon: 'ph-smiley ph-bold ph-lg', }, { key: 'federation', title: i18n.ts.federation, @@ -156,7 +156,7 @@ const headerTabs = $computed(() => [{ }, { key: 'charts', title: i18n.ts.charts, - icon: 'ph-chart-line ph-bold pg-lg', + icon: 'ph-chart-line ph-bold ph-lg', }]); definePageMetadata(computed(() => ({ diff --git a/packages/frontend/src/pages/admin-file.vue b/packages/frontend/src/pages/admin-file.vue index 1451d13045b3a87725a9a4d7337a6b2860502515..b894c9bbe93250452d062168b9382b9d888c2c88 100644 --- a/packages/frontend/src/pages/admin-file.vue +++ b/packages/frontend/src/pages/admin-file.vue @@ -135,7 +135,7 @@ const headerTabs = $computed(() => [{ } : null, { key: 'raw', title: 'Raw data', - icon: 'ph-code ph-bold pg-lg', + icon: 'ph-code ph-bold ph-lg', }]); definePageMetadata(computed(() => ({ diff --git a/packages/frontend/src/pages/admin-user.vue b/packages/frontend/src/pages/admin-user.vue index 5d480f15009267007d6e167bd5588d06f2834166..25547117a47d5676174b1859bd4b534d3c48bf4e 100644 --- a/packages/frontend/src/pages/admin-user.vue +++ b/packages/frontend/src/pages/admin-user.vue @@ -72,7 +72,7 @@ SPDX-License-Identifier: AGPL-3.0-only </MkKeyValue> </div> - <MkButton @click="updateRemoteUser"><i class="ph-arrows-counter-clockwise ph-bold pg-lg"></i> {{ i18n.ts.updateRemoteUser }}</MkButton> + <MkButton @click="updateRemoteUser"><i class="ph-arrows-counter-clockwise ph-bold ph-lg"></i> {{ i18n.ts.updateRemoteUser }}</MkButton> </div> </FormSection> @@ -474,7 +474,7 @@ const headerTabs = $computed(() => [{ }, { key: 'roles', title: i18n.ts.roles, - icon: 'ph-seal-check ph-bold pg-lg', + icon: 'ph-seal-check ph-bold ph-lg', }, { key: 'announcements', title: i18n.ts.announcements, @@ -486,11 +486,11 @@ const headerTabs = $computed(() => [{ }, { key: 'chart', title: i18n.ts.charts, - icon: 'ph-chart-line ph-bold pg-lg', + icon: 'ph-chart-line ph-bold ph-lg', }, { key: 'raw', title: 'Raw', - icon: 'ph-code ph-bold pg-lg', + icon: 'ph-code ph-bold ph-lg', }]); definePageMetadata(computed(() => ({ diff --git a/packages/frontend/src/pages/admin/ads.vue b/packages/frontend/src/pages/admin/ads.vue index 8da2b0ab6abcced8617fd7d74471ce5046724b2b..c45d0f8b0476ed35dcf2cd323818be70ebc539ed 100644 --- a/packages/frontend/src/pages/admin/ads.vue +++ b/packages/frontend/src/pages/admin/ads.vue @@ -65,7 +65,7 @@ SPDX-License-Identifier: AGPL-3.0-only <div class="buttons"> <MkButton class="button" inline primary style="margin-right: 12px;" @click="save(ad)"> <i - class="ph-floppy-disk ph-bold pg-lg" + class="ph-floppy-disk ph-bold ph-lg" ></i> {{ i18n.ts.save }} </MkButton> <MkButton class="button" inline danger @click="remove(ad)"> diff --git a/packages/frontend/src/pages/admin/announcements.vue b/packages/frontend/src/pages/admin/announcements.vue index 4922eaeff53cecdb60fb5fed38c4e11afb1b6a7b..4d71dd464fe14b6cc978dd304aa3c662b986fdc1 100644 --- a/packages/frontend/src/pages/admin/announcements.vue +++ b/packages/frontend/src/pages/admin/announcements.vue @@ -53,7 +53,7 @@ SPDX-License-Identifier: AGPL-3.0-only </MkSwitch> <p v-if="announcement.reads">{{ i18n.t('nUsersRead', { n: announcement.reads }) }}</p> <div class="buttons _buttons"> - <MkButton class="button" inline primary @click="save(announcement)"><i class="ph-floppy-disk ph-bold pg-lg"></i> {{ i18n.ts.save }}</MkButton> + <MkButton class="button" inline primary @click="save(announcement)"><i class="ph-floppy-disk ph-bold ph-lg"></i> {{ i18n.ts.save }}</MkButton> <MkButton v-if="announcement.id != null" class="button" inline @click="archive(announcement)"><i class="ph-check ph-bold ph-lg"></i> {{ i18n.ts._announcement.end }} ({{ i18n.ts.archive }})</MkButton> <MkButton v-if="announcement.id != null" class="button" inline danger @click="del(announcement)"><i class="ph-trash ph-bold ph-lg"></i> {{ i18n.ts.delete }}</MkButton> </div> diff --git a/packages/frontend/src/pages/admin/approvals.vue b/packages/frontend/src/pages/admin/approvals.vue index 3f7f29262123db4c231df7ca59df2bd1098919a6..5d9c9de03b89c0486834792b230755da83ed2594 100644 --- a/packages/frontend/src/pages/admin/approvals.vue +++ b/packages/frontend/src/pages/admin/approvals.vue @@ -50,7 +50,7 @@ const headerTabs = $computed(() => []); definePageMetadata(computed(() => ({ title: i18n.ts.approvals, - icon: 'ph-chalkboard-teacher ph-bold pg-lg', + icon: 'ph-chalkboard-teacher ph-bold ph-lg', }))); </script> diff --git a/packages/frontend/src/pages/admin/bot-protection.vue b/packages/frontend/src/pages/admin/bot-protection.vue index bda19eab50172755a2a0c5dd8656d96db26d5a5a..450c0ec6632eae59e0da327893af09b4534b86aa 100644 --- a/packages/frontend/src/pages/admin/bot-protection.vue +++ b/packages/frontend/src/pages/admin/bot-protection.vue @@ -57,7 +57,7 @@ SPDX-License-Identifier: AGPL-3.0-only </FormSlot> </template> - <MkButton primary @click="save"><i class="ph-floppy-disk ph-bold pg-lg"></i> {{ i18n.ts.save }}</MkButton> + <MkButton primary @click="save"><i class="ph-floppy-disk ph-bold ph-lg"></i> {{ i18n.ts.save }}</MkButton> </div> </FormSuspense> </div> diff --git a/packages/frontend/src/pages/admin/database.vue b/packages/frontend/src/pages/admin/database.vue index d3a46d2c2b6e8cd3877bbcc99485e494c119a69d..0c14fc9b5f0d3f9b961c68ae571c91018dbdd75c 100644 --- a/packages/frontend/src/pages/admin/database.vue +++ b/packages/frontend/src/pages/admin/database.vue @@ -35,6 +35,6 @@ const headerTabs = $computed(() => []); definePageMetadata({ title: i18n.ts.database, - icon: 'ph-database ph-bold pg-lg', + icon: 'ph-database ph-bold ph-lg', }); </script> diff --git a/packages/frontend/src/pages/admin/index.vue b/packages/frontend/src/pages/admin/index.vue index 4ada8f9a4075a899d7a5dfd72cccf4b81896f246..10cbe19c659308269390b252a1c6464035aaf2c9 100644 --- a/packages/frontend/src/pages/admin/index.vue +++ b/packages/frontend/src/pages/admin/index.vue @@ -45,7 +45,7 @@ const router = useRouter(); const indexInfo = { title: i18n.ts.controlPanel, - icon: 'ph-gear ph-bold pg-lg', + icon: 'ph-gear ph-bold ph-lg', hideHeader: true, }; @@ -101,12 +101,12 @@ const menuDef = $computed(() => [{ }, { title: i18n.ts.administration, items: [{ - icon: 'ph-gauge ph-bold pg-lg', + icon: 'ph-gauge ph-bold ph-lg', text: i18n.ts.dashboard, to: '/admin/overview', active: currentPage?.route.name === 'overview', }, { - icon: 'ph-users ph-bold pg-lg', + icon: 'ph-users ph-bold ph-lg', text: i18n.ts.users, to: '/admin/users', active: currentPage?.route.name === 'users', @@ -121,12 +121,12 @@ const menuDef = $computed(() => [{ to: '/admin/approvals', active: currentPage?.route.name === 'approvals', }, { - icon: 'ph-seal-check ph-bold pg-lg', + icon: 'ph-seal-check ph-bold ph-lg', text: i18n.ts.roles, to: '/admin/roles', active: currentPage?.route.name === 'roles', }, { - icon: 'ph-smiley ph-bold pg-lg', + icon: 'ph-smiley ph-bold ph-lg', text: i18n.ts.customEmojis, to: '/admin/emojis', active: currentPage?.route.name === 'emojis', @@ -166,7 +166,7 @@ const menuDef = $computed(() => [{ to: '/admin/abuses', active: currentPage?.route.name === 'abuses', }, { - icon: 'ph-list ph-bold pg-lg-search', + icon: 'ph-list ph-bold ph-lg-search', text: i18n.ts.moderationLogs, to: '/admin/modlog', active: currentPage?.route.name === 'modlog', @@ -174,7 +174,7 @@ const menuDef = $computed(() => [{ }, { title: i18n.ts.settings, items: [{ - icon: 'ph-gear ph-bold pg-lg', + icon: 'ph-gear ph-bold ph-lg', text: i18n.ts.general, to: '/admin/settings', active: currentPage?.route.name === 'settings', @@ -204,7 +204,7 @@ const menuDef = $computed(() => [{ to: '/admin/security', active: currentPage?.route.name === 'security', }, { - icon: 'ph-planet ph-bold pg-lg', + icon: 'ph-planet ph-bold ph-lg', text: i18n.ts.relays, to: '/admin/relays', active: currentPage?.route.name === 'relays', @@ -219,7 +219,7 @@ const menuDef = $computed(() => [{ to: '/admin/proxy-account', active: currentPage?.route.name === 'proxy-account', }, { - icon: 'ph-arrow-square-out ph-bold pg-lg', + icon: 'ph-arrow-square-out ph-bold ph-lg', text: i18n.ts.externalServices, to: '/admin/external-services', active: currentPage?.route.name === 'external-services', @@ -232,7 +232,7 @@ const menuDef = $computed(() => [{ }, { title: i18n.ts.info, items: [{ - icon: 'ph-database ph-bold pg-lg', + icon: 'ph-database ph-bold ph-lg', text: i18n.ts.database, to: '/admin/database', active: currentPage?.route.name === 'database', @@ -314,7 +314,7 @@ const lookup = (ev) => { }, }, { text: i18n.ts.instance, - icon: 'ph-planet ph-bold pg-lg', + icon: 'ph-planet ph-bold ph-lg', action: () => { alert('TODO'); }, diff --git a/packages/frontend/src/pages/admin/instance-block.vue b/packages/frontend/src/pages/admin/instance-block.vue index da407d93c6c6a0f67496cfd2d4e8087f5deaf07c..6024ed6b8f094d409c2ae071ad0319bd95f5764a 100644 --- a/packages/frontend/src/pages/admin/instance-block.vue +++ b/packages/frontend/src/pages/admin/instance-block.vue @@ -16,7 +16,7 @@ SPDX-License-Identifier: AGPL-3.0-only <span>{{ i18n.ts.silencedInstances }}</span> <template #caption>{{ i18n.ts.silencedInstancesDescription }}</template> </MkTextarea> - <MkButton primary @click="save"><i class="ph-floppy-disk ph-bold pg-lg"></i> {{ i18n.ts.save }}</MkButton> + <MkButton primary @click="save"><i class="ph-floppy-disk ph-bold ph-lg"></i> {{ i18n.ts.save }}</MkButton> </FormSuspense> </MkSpacer> </MkStickyContainer> diff --git a/packages/frontend/src/pages/admin/modlog.vue b/packages/frontend/src/pages/admin/modlog.vue index d958e1652517788c8e7bfdac13c3f6df2d00f49d..bdbed67ad1bbeee731ded60d05a08294ddcb9b7a 100644 --- a/packages/frontend/src/pages/admin/modlog.vue +++ b/packages/frontend/src/pages/admin/modlog.vue @@ -62,6 +62,6 @@ const headerTabs = $computed(() => []); definePageMetadata({ title: i18n.ts.moderationLogs, - icon: 'ph-list ph-bold pg-lg-search', + icon: 'ph-list ph-bold ph-lg-search', }); </script> diff --git a/packages/frontend/src/pages/admin/overview.stats.vue b/packages/frontend/src/pages/admin/overview.stats.vue index 563d8988a8d828865dd9f4c3b15f4304781c1222..23ed736c944006ed0fa8745d2a17d0c1cdae6957 100644 --- a/packages/frontend/src/pages/admin/overview.stats.vue +++ b/packages/frontend/src/pages/admin/overview.stats.vue @@ -9,7 +9,7 @@ SPDX-License-Identifier: AGPL-3.0-only <MkLoading v-if="fetching"/> <div v-else :class="$style.root"> <div class="item _panel users"> - <div class="icon"><i class="ph-users ph-bold pg-lg"></i></div> + <div class="icon"><i class="ph-users ph-bold ph-lg"></i></div> <div class="body"> <div class="value"> <MkNumber :value="stats.originalUsersCount" style="margin-right: 0.5em;"/> @@ -29,7 +29,7 @@ SPDX-License-Identifier: AGPL-3.0-only </div> </div> <div class="item _panel instances"> - <div class="icon"><i class="ph-planet ph-bold pg-lg"></i></div> + <div class="icon"><i class="ph-planet ph-bold ph-lg"></i></div> <div class="body"> <div class="value"> <MkNumber :value="stats.instances" style="margin-right: 0.5em;"/> @@ -38,7 +38,7 @@ SPDX-License-Identifier: AGPL-3.0-only </div> </div> <div class="item _panel emojis"> - <div class="icon"><i class="ph-smiley ph-bold pg-lg"></i></div> + <div class="icon"><i class="ph-smiley ph-bold ph-lg"></i></div> <div class="body"> <div class="value"> <MkNumber :value="customEmojis.length" style="margin-right: 0.5em;"/> diff --git a/packages/frontend/src/pages/admin/overview.vue b/packages/frontend/src/pages/admin/overview.vue index becbbf17d95587a6c10c80dbfa787816eeda9481..7563ae983407c1707addd2716ac4aabdedae43b1 100644 --- a/packages/frontend/src/pages/admin/overview.vue +++ b/packages/frontend/src/pages/admin/overview.vue @@ -177,7 +177,7 @@ const headerTabs = $computed(() => []); definePageMetadata({ title: i18n.ts.dashboard, - icon: 'ph-gauge ph-bold pg-lg', + icon: 'ph-gauge ph-bold ph-lg', }); </script> diff --git a/packages/frontend/src/pages/admin/relays.vue b/packages/frontend/src/pages/admin/relays.vue index 689b43ded1ba4ccb4887b158e951faf80db21b43..9b4a84d12fdc0bd6e01e9eb41c302fa6a705df30 100644 --- a/packages/frontend/src/pages/admin/relays.vue +++ b/packages/frontend/src/pages/admin/relays.vue @@ -84,7 +84,7 @@ const headerTabs = $computed(() => []); definePageMetadata({ title: i18n.ts.relays, - icon: 'ph-planet ph-bold pg-lg', + icon: 'ph-planet ph-bold ph-lg', }); </script> diff --git a/packages/frontend/src/pages/admin/roles.edit.vue b/packages/frontend/src/pages/admin/roles.edit.vue index fa37d0432be1ebc79d5b4910c32212321447f6ec..a982b41e71d42a41759c07e749b6c8488faa7b26 100644 --- a/packages/frontend/src/pages/admin/roles.edit.vue +++ b/packages/frontend/src/pages/admin/roles.edit.vue @@ -87,10 +87,10 @@ const headerTabs = $computed(() => []); definePageMetadata(computed(() => role ? { title: i18n.ts._role.edit + ': ' + role.name, - icon: 'ph-seal-check ph-bold pg-lg', + icon: 'ph-seal-check ph-bold ph-lg', } : { title: i18n.ts._role.new, - icon: 'ph-seal-check ph-bold pg-lg', + icon: 'ph-seal-check ph-bold ph-lg', })); </script> diff --git a/packages/frontend/src/pages/admin/roles.editor.vue b/packages/frontend/src/pages/admin/roles.editor.vue index afaeebaee77f5220a6a7b31775496ee875ba4a3f..be630c05a5b7a0e156f6a8f58507ef5af24a88d8 100644 --- a/packages/frontend/src/pages/admin/roles.editor.vue +++ b/packages/frontend/src/pages/admin/roles.editor.vue @@ -39,7 +39,7 @@ SPDX-License-Identifier: AGPL-3.0-only </MkSelect> <MkSelect v-model="role.target" :readonly="readonly"> - <template #label><i class="ph-users ph-bold pg-lg"></i> {{ i18n.ts._role.assignTarget }}</template> + <template #label><i class="ph-users ph-bold ph-lg"></i> {{ i18n.ts._role.assignTarget }}</template> <template #caption><div v-html="i18n.ts._role.descriptionOfAssignTarget.replaceAll('\n', '<br>')"></div></template> <option value="manual">{{ i18n.ts._role.manual }}</option> <option value="conditional">{{ i18n.ts._role.conditional }}</option> @@ -588,7 +588,7 @@ let q = $ref(''); function getPriorityIcon(option) { if (option.priority === 2) return 'ph-arrow-up ph-bold ph-lg'; if (option.priority === 1) return 'ph-arrow-up ph-bold ph-lg'; - return 'ph-circle ph-bold pg-lg'; + return 'ph-circle ph-bold ph-lg'; } function matchQuery(keywords: string[]): boolean { diff --git a/packages/frontend/src/pages/admin/roles.role.vue b/packages/frontend/src/pages/admin/roles.role.vue index d83bb0615b26b6ed53302d34518ee139cb0f6472..953db11a1a84cabf486a2452d4b4dda2e821de9c 100644 --- a/packages/frontend/src/pages/admin/roles.role.vue +++ b/packages/frontend/src/pages/admin/roles.role.vue @@ -19,7 +19,7 @@ SPDX-License-Identifier: AGPL-3.0-only <XEditor :modelValue="role" readonly/> </MkFolder> <MkFolder v-if="role.target === 'manual'" defaultOpen> - <template #icon><i class="ph-users ph-bold pg-lg"></i></template> + <template #icon><i class="ph-users ph-bold ph-lg"></i></template> <template #label>{{ i18n.ts.users }}</template> <template #suffix>{{ role.usersCount }}</template> <div class="_gaps"> @@ -173,7 +173,7 @@ const headerTabs = $computed(() => []); definePageMetadata(computed(() => ({ title: i18n.ts.role + ': ' + role.name, - icon: 'ph-seal-check ph-bold pg-lg', + icon: 'ph-seal-check ph-bold ph-lg', }))); </script> diff --git a/packages/frontend/src/pages/admin/roles.vue b/packages/frontend/src/pages/admin/roles.vue index e9ea6e8eb7187f46a8b7b79cd4ad8c195c20eb0f..61a62f837ffdaebdf3bfec8f700e730aa512974c 100644 --- a/packages/frontend/src/pages/admin/roles.vue +++ b/packages/frontend/src/pages/admin/roles.vue @@ -264,7 +264,7 @@ const headerTabs = $computed(() => []); definePageMetadata(computed(() => ({ title: i18n.ts.roles, - icon: 'ph-seal-check ph-bold pg-lg', + icon: 'ph-seal-check ph-bold ph-lg', }))); </script> diff --git a/packages/frontend/src/pages/admin/security.vue b/packages/frontend/src/pages/admin/security.vue index c2b6dc139be76fde64c46472d24970f9f94bc3d5..1ff38548c95f3e102fa1b6263245f0e1d8d21717 100644 --- a/packages/frontend/src/pages/admin/security.vue +++ b/packages/frontend/src/pages/admin/security.vue @@ -59,7 +59,7 @@ SPDX-License-Identifier: AGPL-3.0-only </MkSwitch> --> - <MkButton primary @click="save"><i class="ph-floppy-disk ph-bold pg-lg"></i> {{ i18n.ts.save }}</MkButton> + <MkButton primary @click="save"><i class="ph-floppy-disk ph-bold ph-lg"></i> {{ i18n.ts.save }}</MkButton> </div> </MkFolder> @@ -97,7 +97,7 @@ SPDX-License-Identifier: AGPL-3.0-only <template #label>Summaly Proxy URL</template> </MkInput> - <MkButton primary @click="save"><i class="ph-floppy-disk ph-bold pg-lg"></i> {{ i18n.ts.save }}</MkButton> + <MkButton primary @click="save"><i class="ph-floppy-disk ph-bold ph-lg"></i> {{ i18n.ts.save }}</MkButton> </div> </MkFolder> </div> diff --git a/packages/frontend/src/pages/admin/settings.vue b/packages/frontend/src/pages/admin/settings.vue index e29bd16e7f9019846ce04ed6f421698600c5205e..de1985586f4c64b5553e01afa1d995f35e5f4d5b 100644 --- a/packages/frontend/src/pages/admin/settings.vue +++ b/packages/frontend/src/pages/admin/settings.vue @@ -228,7 +228,7 @@ const headerTabs = $computed(() => []); definePageMetadata({ title: i18n.ts.general, - icon: 'ph-gear ph-bold pg-lg', + icon: 'ph-gear ph-bold ph-lg', }); </script> diff --git a/packages/frontend/src/pages/admin/users.vue b/packages/frontend/src/pages/admin/users.vue index a1f32ba809b1effeba9261fe8b4f390ee3a74c78..7f809ed9cce73fdaa15ffacf1de3ad660c46df84 100644 --- a/packages/frontend/src/pages/admin/users.vue +++ b/packages/frontend/src/pages/admin/users.vue @@ -140,7 +140,7 @@ const headerTabs = $computed(() => []); definePageMetadata(computed(() => ({ title: i18n.ts.users, - icon: 'ph-users ph-bold pg-lg', + icon: 'ph-users ph-bold ph-lg', }))); </script> diff --git a/packages/frontend/src/pages/announcements.vue b/packages/frontend/src/pages/announcements.vue index 7ac37adfbf2b8a720769b106c144af8724083025..95ad6909755662b0079566d1fb679ef5396fc35d 100644 --- a/packages/frontend/src/pages/announcements.vue +++ b/packages/frontend/src/pages/announcements.vue @@ -95,11 +95,11 @@ const headerActions = $computed(() => []); const headerTabs = $computed(() => [{ key: 'current', title: i18n.ts.currentAnnouncements, - icon: 'ph-fire ph-bold pg-lg', + icon: 'ph-fire ph-bold ph-lg', }, { key: 'past', title: i18n.ts.pastAnnouncements, - icon: 'ph-circle ph-bold pg-lg', + icon: 'ph-circle ph-bold ph-lg', }]); definePageMetadata({ diff --git a/packages/frontend/src/pages/antenna-timeline.vue b/packages/frontend/src/pages/antenna-timeline.vue index 97a85d43458b13c4bc4835a1ee6750613f83ed56..dfba11779999eb10fea6cb72fed1f03fd9d5dc09 100644 --- a/packages/frontend/src/pages/antenna-timeline.vue +++ b/packages/frontend/src/pages/antenna-timeline.vue @@ -82,7 +82,7 @@ const headerActions = $computed(() => antenna ? [{ text: i18n.ts.jumpToSpecifiedDate, handler: timetravel, }, { - icon: 'ph-gear ph-bold pg-lg', + icon: 'ph-gear ph-bold ph-lg', text: i18n.ts.settings, handler: settings, }] : []); @@ -91,7 +91,7 @@ const headerTabs = $computed(() => []); definePageMetadata(computed(() => antenna ? { title: antenna.name, - icon: 'ph-flying-saucer ph-bold pg-lg', + icon: 'ph-flying-saucer ph-bold ph-lg', } : null)); </script> diff --git a/packages/frontend/src/pages/auth.vue b/packages/frontend/src/pages/auth.vue index 81b97eebbfe6092a8f76b17e23982b699101b750..d6c12e788329254158906f19d1213b990ab7687f 100644 --- a/packages/frontend/src/pages/auth.vue +++ b/packages/frontend/src/pages/auth.vue @@ -120,7 +120,7 @@ const headerTabs = $computed(() => []); definePageMetadata({ title: i18n.ts._auth.shareAccessTitle, - icon: 'ph-squares-four ph-bold pg-lg', + icon: 'ph-squares-four ph-bold ph-lg', }); </script> diff --git a/packages/frontend/src/pages/channel-editor.vue b/packages/frontend/src/pages/channel-editor.vue index 90695007778003ce8ab6c5aaf20af9d96cefdc80..acff4211d14620e3f2854b73db3f15041036dcfe 100644 --- a/packages/frontend/src/pages/channel-editor.vue +++ b/packages/frontend/src/pages/channel-editor.vue @@ -60,7 +60,7 @@ SPDX-License-Identifier: AGPL-3.0-only </MkFolder> <div class="_buttons"> - <MkButton primary @click="save()"><i class="ph-floppy-disk ph-bold pg-lg"></i> {{ channelId ? i18n.ts.save : i18n.ts.create }}</MkButton> + <MkButton primary @click="save()"><i class="ph-floppy-disk ph-bold ph-lg"></i> {{ channelId ? i18n.ts.save : i18n.ts.create }}</MkButton> <MkButton v-if="channelId" danger @click="archive()"><i class="ph-trash ph-bold ph-lg"></i> {{ i18n.ts.archive }}</MkButton> </div> </div> diff --git a/packages/frontend/src/pages/channel.vue b/packages/frontend/src/pages/channel.vue index 5a879eda8c8abc7edeb9a96e3c9f4be3568b0d01..84463db0e17468e2cc4d7236ad644269b5ce561f 100644 --- a/packages/frontend/src/pages/channel.vue +++ b/packages/frontend/src/pages/channel.vue @@ -10,11 +10,11 @@ SPDX-License-Identifier: AGPL-3.0-only <div v-if="channel && tab === 'overview'" class="_gaps"> <div class="_panel" :class="$style.bannerContainer"> <XChannelFollowButton :channel="channel" :full="true" :class="$style.subscribe"/> - <MkButton v-if="favorited" v-tooltip="i18n.ts.unfavorite" asLike class="button" rounded primary :class="$style.favorite" @click="unfavorite()"><i class="ph-star ph-bold pg-lg"></i></MkButton> - <MkButton v-else v-tooltip="i18n.ts.favorite" asLike class="button" rounded :class="$style.favorite" @click="favorite()"><i class="ph-star ph-bold pg-lg"></i></MkButton> + <MkButton v-if="favorited" v-tooltip="i18n.ts.unfavorite" asLike class="button" rounded primary :class="$style.favorite" @click="unfavorite()"><i class="ph-star ph-bold ph-lg"></i></MkButton> + <MkButton v-else v-tooltip="i18n.ts.favorite" asLike class="button" rounded :class="$style.favorite" @click="favorite()"><i class="ph-star ph-bold ph-lg"></i></MkButton> <div :style="{ backgroundImage: channel.bannerUrl ? `url(${channel.bannerUrl})` : null }" :class="$style.banner"> <div :class="$style.bannerStatus"> - <div><i class="ph-users ph-bold pg-lg ti-fw"></i><I18n :src="i18n.ts._channel.usersCount" tag="span" style="margin-left: 4px;"><template #n><b>{{ channel.usersCount }}</b></template></I18n></div> + <div><i class="ph-users ph-bold ph-lg ti-fw"></i><I18n :src="i18n.ts._channel.usersCount" tag="span" style="margin-left: 4px;"><template #n><b>{{ channel.usersCount }}</b></template></I18n></div> <div><i class="ph-pencil ph-bold ph-lg ti-fw"></i><I18n :src="i18n.ts._channel.notesCount" tag="span" style="margin-left: 4px;"><template #n><b>{{ channel.notesCount }}</b></template></I18n></div> </div> <div v-if="channel.isSensitive" :class="$style.sensitiveIndicator">{{ i18n.ts.sensitive }}</div> @@ -168,7 +168,7 @@ async function search() { const headerActions = $computed(() => { if (channel && channel.userId) { const share = { - icon: 'ph-share-network ph-bold pg-lg', + icon: 'ph-share-network ph-bold ph-lg', text: i18n.ts.share, handler: async (): Promise<void> => { navigator.share({ @@ -181,7 +181,7 @@ const headerActions = $computed(() => { const canEdit = ($i && $i.id === channel.userId) || iAmModerator; return canEdit ? [share, { - icon: 'ph-gear ph-bold pg-lg', + icon: 'ph-gear ph-bold ph-lg', text: i18n.ts.edit, handler: edit, }] : [share]; @@ -201,7 +201,7 @@ const headerTabs = $computed(() => [{ }, { key: 'featured', title: i18n.ts.featured, - icon: 'ph-lightning ph-bold pg-lg', + icon: 'ph-lightning ph-bold ph-lg', }, { key: 'search', title: i18n.ts.search, diff --git a/packages/frontend/src/pages/channels.vue b/packages/frontend/src/pages/channels.vue index 16acaae2a7a0aeb9abc8e5f591977ecd313e8330..07c205a00190dc9291f044618831212bd1cd7eca 100644 --- a/packages/frontend/src/pages/channels.vue +++ b/packages/frontend/src/pages/channels.vue @@ -138,7 +138,7 @@ const headerTabs = $computed(() => [{ }, { key: 'favorites', title: i18n.ts.favorites, - icon: 'ph-star ph-bold pg-lg', + icon: 'ph-star ph-bold ph-lg', }, { key: 'following', title: i18n.ts._channel.following, @@ -146,7 +146,7 @@ const headerTabs = $computed(() => [{ }, { key: 'owned', title: i18n.ts._channel.owned, - icon: 'ph-pencil-line ph-bold pg-lg', + icon: 'ph-pencil-line ph-bold ph-lg', }]); definePageMetadata(computed(() => ({ diff --git a/packages/frontend/src/pages/clicker.vue b/packages/frontend/src/pages/clicker.vue index 19f9d5752f817e69374237b0df8058457b0a81a7..8c1322d73231a84a9724502dea6df00a4eca6c79 100644 --- a/packages/frontend/src/pages/clicker.vue +++ b/packages/frontend/src/pages/clicker.vue @@ -18,7 +18,7 @@ import { definePageMetadata } from '@/scripts/page-metadata.js'; definePageMetadata({ title: 'ðŸªðŸ‘ˆ', - icon: 'ph-cookie ph-bold pg-lg', + icon: 'ph-cookie ph-bold ph-lg', }); </script> diff --git a/packages/frontend/src/pages/clip.vue b/packages/frontend/src/pages/clip.vue index 0fce2f2f2d547c90e1fe591cee9e309b293b03d8..37b7870dd4c22f99eef518726e9d5ef5bfe8d925 100644 --- a/packages/frontend/src/pages/clip.vue +++ b/packages/frontend/src/pages/clip.vue @@ -118,7 +118,7 @@ const headerActions = $computed(() => clip && isOwned ? [{ clipsCache.delete(); }, }, ...(clip.isPublic ? [{ - icon: 'ph-share-network ph-bold pg-lg', + icon: 'ph-share-network ph-bold ph-lg', text: i18n.ts.share, handler: async (): Promise<void> => { navigator.share({ diff --git a/packages/frontend/src/pages/custom-emojis-manager.vue b/packages/frontend/src/pages/custom-emojis-manager.vue index 3840d4058dc34edb2c750575c4ad20a83a67c04b..0c5825091a3ee5f2c820c7bf7b45f17b77b9fc0a 100644 --- a/packages/frontend/src/pages/custom-emojis-manager.vue +++ b/packages/frontend/src/pages/custom-emojis-manager.vue @@ -316,7 +316,7 @@ const headerTabs = $computed(() => [{ definePageMetadata(computed(() => ({ title: i18n.ts.customEmojis, - icon: 'ph-smiley ph-bold pg-lg', + icon: 'ph-smiley ph-bold ph-lg', }))); </script> diff --git a/packages/frontend/src/pages/explore.users.vue b/packages/frontend/src/pages/explore.users.vue index 20bd74fb40472c01fcc9839f6ef9c7f52bc436e6..f7215def62ce8f3144d7dcebc024d358210f52f7 100644 --- a/packages/frontend/src/pages/explore.users.vue +++ b/packages/frontend/src/pages/explore.users.vue @@ -16,7 +16,7 @@ SPDX-License-Identifier: AGPL-3.0-only <MkUserList :pagination="pinnedUsers"/> </MkFoldableSection> <MkFoldableSection class="_margin" persistKey="explore-popular-users"> - <template #header><i class="ph-chart-line ph-bold pg-lg ti-fw" style="margin-right: 0.5em;"></i>{{ i18n.ts.popularUsers }}</template> + <template #header><i class="ph-chart-line ph-bold ph-lg ti-fw" style="margin-right: 0.5em;"></i>{{ i18n.ts.popularUsers }}</template> <MkUserList :pagination="popularUsers"/> </MkFoldableSection> <MkFoldableSection class="_margin" persistKey="explore-recently-updated-users"> @@ -46,7 +46,7 @@ SPDX-License-Identifier: AGPL-3.0-only <template v-if="tag == null"> <MkFoldableSection class="_margin"> - <template #header><i class="ph-chart-line ph-bold pg-lg ti-fw" style="margin-right: 0.5em;"></i>{{ i18n.ts.popularUsers }}</template> + <template #header><i class="ph-chart-line ph-bold ph-lg ti-fw" style="margin-right: 0.5em;"></i>{{ i18n.ts.popularUsers }}</template> <MkUserList :pagination="popularUsersF"/> </MkFoldableSection> <MkFoldableSection class="_margin"> @@ -54,7 +54,7 @@ SPDX-License-Identifier: AGPL-3.0-only <MkUserList :pagination="recentlyUpdatedUsersF"/> </MkFoldableSection> <MkFoldableSection class="_margin"> - <template #header><i class="ph-rocket-launch ph-bold pg-lg ti-fw" style="margin-right: 0.5em;"></i>{{ i18n.ts.recentlyDiscoveredUsers }}</template> + <template #header><i class="ph-rocket-launch ph-bold ph-lg ti-fw" style="margin-right: 0.5em;"></i>{{ i18n.ts.recentlyDiscoveredUsers }}</template> <MkUserList :pagination="recentlyRegisteredUsersF"/> </MkFoldableSection> </template> diff --git a/packages/frontend/src/pages/explore.vue b/packages/frontend/src/pages/explore.vue index 58d7aca92d384976d0c2403bf4f4aca0706f4c87..8b5af28b12656412b8368fd52af2018a43354782 100644 --- a/packages/frontend/src/pages/explore.vue +++ b/packages/frontend/src/pages/explore.vue @@ -47,15 +47,15 @@ const headerActions = $computed(() => []); const headerTabs = $computed(() => [{ key: 'featured', - icon: 'ph-lightning ph-bold pg-lg', + icon: 'ph-lightning ph-bold ph-lg', title: i18n.ts.featured, }, { key: 'users', - icon: 'ph-users ph-bold pg-lg', + icon: 'ph-users ph-bold ph-lg', title: i18n.ts.users, }, { key: 'roles', - icon: 'ph-seal-check ph-bold pg-lg', + icon: 'ph-seal-check ph-bold ph-lg', title: i18n.ts.roles, }]); diff --git a/packages/frontend/src/pages/favorites.vue b/packages/frontend/src/pages/favorites.vue index cb7390cf6a048aad6d569cff637c996ba744043f..10f4a96a98fe731ccd129b373827635d3e052913 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: 'ph-star ph-bold pg-lg', + icon: 'ph-star ph-bold ph-lg', }); </script> diff --git a/packages/frontend/src/pages/flash/flash-index.vue b/packages/frontend/src/pages/flash/flash-index.vue index a9438fd91738829f8f1a3fafcbf65b53fd311937..0b4dd139115fe6d512724ebaa58e23851625ca49 100644 --- a/packages/frontend/src/pages/flash/flash-index.vue +++ b/packages/frontend/src/pages/flash/flash-index.vue @@ -76,11 +76,11 @@ const headerActions = $computed(() => [{ const headerTabs = $computed(() => [{ key: 'featured', title: i18n.ts._play.featured, - icon: 'ph-fire ph-bold pg-lg', + icon: 'ph-fire ph-bold ph-lg', }, { key: 'my', title: i18n.ts._play.my, - icon: 'ph-pencil-line ph-bold pg-lg', + icon: 'ph-pencil-line ph-bold ph-lg', }, { key: 'liked', title: i18n.ts._play.liked, @@ -89,6 +89,6 @@ const headerTabs = $computed(() => [{ definePageMetadata(computed(() => ({ title: 'Play', - icon: 'ph-play ph-bold pg-lg', + icon: 'ph-play ph-bold ph-lg', }))); </script> diff --git a/packages/frontend/src/pages/flash/flash.vue b/packages/frontend/src/pages/flash/flash.vue index daf6783168d06fe1adb73a56781c1724790f1787..fd03ac657914c9b46de752427e2126ad69fd58c9 100644 --- a/packages/frontend/src/pages/flash/flash.vue +++ b/packages/frontend/src/pages/flash/flash.vue @@ -18,7 +18,7 @@ SPDX-License-Identifier: AGPL-3.0-only <MkButton v-if="flash.isLiked" v-tooltip="i18n.ts.unlike" asLike class="button" rounded primary @click="unlike()"><i class="ph-heart ph-bold ph-lg"></i><span v-if="flash.likedCount > 0" style="margin-left: 6px;">{{ flash.likedCount }}</span></MkButton> <MkButton v-else v-tooltip="i18n.ts.like" asLike class="button" rounded @click="like()"><i class="ph-heart ph-bold ph-lg"></i><span v-if="flash.likedCount > 0" style="margin-left: 6px;">{{ flash.likedCount }}</span></MkButton> <MkButton v-tooltip="i18n.ts.shareWithNote" class="button" rounded @click="shareWithNote"><i class="ph-repeat ph-bold ph-lg ti-fw"></i></MkButton> - <MkButton v-tooltip="i18n.ts.share" class="button" rounded @click="share"><i class="ph-share-network ph-bold pg-lg ti-fw"></i></MkButton> + <MkButton v-tooltip="i18n.ts.share" class="button" rounded @click="share"><i class="ph-share-network ph-bold ph-lg ti-fw"></i></MkButton> </div> </div> <div v-else :class="$style.ready"> @@ -33,7 +33,7 @@ SPDX-License-Identifier: AGPL-3.0-only </div> </Transition> <MkFolder :defaultOpen="false" :max-height="280" class="_margin"> - <template #icon><i class="ph-code ph-bold pg-lg"></i></template> + <template #icon><i class="ph-code ph-bold ph-lg"></i></template> <template #label>{{ i18n.ts._play.viewSource }}</template> <MkCode :code="flash.script" lang="is" :inline="false" class="_monospace"/> diff --git a/packages/frontend/src/pages/gallery/edit.vue b/packages/frontend/src/pages/gallery/edit.vue index 0d43eee613690ebfde0cafdd46be545cb625b84a..5daaca774c3d36dbd7ae7b4268e3ef2e8bcfb5e8 100644 --- a/packages/frontend/src/pages/gallery/edit.vue +++ b/packages/frontend/src/pages/gallery/edit.vue @@ -27,8 +27,8 @@ SPDX-License-Identifier: AGPL-3.0-only <MkSwitch v-model="isSensitive">{{ i18n.ts.markAsSensitive }}</MkSwitch> <div class="_buttons"> - <MkButton v-if="postId" primary @click="save"><i class="ph-floppy-disk ph-bold pg-lg"></i> {{ i18n.ts.save }}</MkButton> - <MkButton v-else primary @click="save"><i class="ph-floppy-disk ph-bold pg-lg"></i> {{ i18n.ts.publish }}</MkButton> + <MkButton v-if="postId" primary @click="save"><i class="ph-floppy-disk ph-bold ph-lg"></i> {{ i18n.ts.save }}</MkButton> + <MkButton v-else primary @click="save"><i class="ph-floppy-disk ph-bold ph-lg"></i> {{ i18n.ts.publish }}</MkButton> <MkButton v-if="postId" danger @click="del"><i class="ph-trash ph-bold ph-lg"></i> {{ i18n.ts.delete }}</MkButton> </div> diff --git a/packages/frontend/src/pages/gallery/index.vue b/packages/frontend/src/pages/gallery/index.vue index 21b27d1c5963b5362cedf02e8396937191cfa07d..f65380eee139072626d4f7bfb09b65c195e2bdd4 100644 --- a/packages/frontend/src/pages/gallery/index.vue +++ b/packages/frontend/src/pages/gallery/index.vue @@ -107,7 +107,7 @@ const headerActions = $computed(() => [{ const headerTabs = $computed(() => [{ key: 'explore', title: i18n.ts.gallery, - icon: 'ph-images-square ph-bold pg-lg', + icon: 'ph-images-square ph-bold ph-lg', }, { key: 'liked', title: i18n.ts._gallery.liked, @@ -115,12 +115,12 @@ const headerTabs = $computed(() => [{ }, { key: 'my', title: i18n.ts._gallery.my, - icon: 'ph-pencil-line ph-bold pg-lg', + icon: 'ph-pencil-line ph-bold ph-lg', }]); definePageMetadata({ title: i18n.ts.gallery, - icon: 'ph-images-square ph-bold pg-lg', + icon: 'ph-images-square ph-bold ph-lg', }); </script> diff --git a/packages/frontend/src/pages/gallery/post.vue b/packages/frontend/src/pages/gallery/post.vue index 4046e78d60b26799f183209158f30a7cc736fe32..ae609c994ce275c88fbe753b02009166e663a3ed 100644 --- a/packages/frontend/src/pages/gallery/post.vue +++ b/packages/frontend/src/pages/gallery/post.vue @@ -29,7 +29,7 @@ SPDX-License-Identifier: AGPL-3.0-only <div class="other"> <button v-if="$i && $i.id === post.user.id" v-tooltip="i18n.ts.edit" v-click-anime class="_button" @click="edit"><i class="ph-pencil ph-bold ph-lg ti-fw"></i></button> <button v-tooltip="i18n.ts.shareWithNote" v-click-anime class="_button" @click="shareWithNote"><i class="ph-repeat ph-bold ph-lg ti-fw"></i></button> - <button v-tooltip="i18n.ts.share" v-click-anime class="_button" @click="share"><i class="ph-share-network ph-bold pg-lg ti-fw"></i></button> + <button v-tooltip="i18n.ts.share" v-click-anime class="_button" @click="share"><i class="ph-share-network ph-bold ph-lg ti-fw"></i></button> </div> </div> <div class="user"> diff --git a/packages/frontend/src/pages/instance-info.vue b/packages/frontend/src/pages/instance-info.vue index 69f97a50c371ea37625aa13b42cf5cee08ed2962..cb54069d1a25e49ec89dbeb5efc9fefa30a9d0e8 100644 --- a/packages/frontend/src/pages/instance-info.vue +++ b/packages/frontend/src/pages/instance-info.vue @@ -37,7 +37,7 @@ SPDX-License-Identifier: AGPL-3.0-only <MkSwitch v-model="suspended" :disabled="!instance" @update:modelValue="toggleSuspend">{{ i18n.ts.stopActivityDelivery }}</MkSwitch> <MkSwitch v-model="isBlocked" :disabled="!meta || !instance" @update:modelValue="toggleBlock">{{ i18n.ts.blockThisInstance }}</MkSwitch> <MkSwitch v-model="isSilenced" :disabled="!meta || !instance" @update:modelValue="toggleSilenced">{{ i18n.ts.silenceThisInstance }}</MkSwitch> - <MkButton @click="refreshMetadata"><i class="ph-arrows-counter-clockwise ph-bold pg-lg"></i> Refresh metadata</MkButton> + <MkButton @click="refreshMetadata"><i class="ph-arrows-counter-clockwise ph-bold ph-lg"></i> Refresh metadata</MkButton> </div> </FormSection> @@ -228,15 +228,15 @@ const headerTabs = $computed(() => [{ }, { key: 'chart', title: i18n.ts.charts, - icon: 'ph-chart-line ph-bold pg-lg', + icon: 'ph-chart-line ph-bold ph-lg', }, { key: 'users', title: i18n.ts.users, - icon: 'ph-users ph-bold pg-lg', + icon: 'ph-users ph-bold ph-lg', }, { key: 'raw', title: 'Raw', - icon: 'ph-code ph-bold pg-lg', + icon: 'ph-code ph-bold ph-lg', }]); definePageMetadata({ diff --git a/packages/frontend/src/pages/list.vue b/packages/frontend/src/pages/list.vue index cf69e6a71db93c60123f70f0b058b088e788ca8d..1323c6b3b9e9c9c1c57de7d4ff0f2df74af2a650 100644 --- a/packages/frontend/src/pages/list.vue +++ b/packages/frontend/src/pages/list.vue @@ -101,7 +101,7 @@ const headerTabs = $computed(() => []); definePageMetadata(computed(() => list ? { title: list.name, - icon: 'ph-list ph-bold pg-lg', + icon: 'ph-list ph-bold ph-lg', } : null)); </script> <style lang="scss" module> diff --git a/packages/frontend/src/pages/miauth.vue b/packages/frontend/src/pages/miauth.vue index e4dd45bdf029c1ecc8d02a7d6f74064e53380f5d..1e3c627023365d50944eae646b41d1feee2a0f9e 100644 --- a/packages/frontend/src/pages/miauth.vue +++ b/packages/frontend/src/pages/miauth.vue @@ -95,7 +95,7 @@ const headerTabs = $computed(() => []); definePageMetadata({ title: 'MiAuth', - icon: 'ph-squares-four ph-bold pg-lg', + icon: 'ph-squares-four ph-bold ph-lg', }); </script> diff --git a/packages/frontend/src/pages/my-antennas/create.vue b/packages/frontend/src/pages/my-antennas/create.vue index e796de9ef300081c4b4a00afdd3fcc2559defffa..d8613a0ba2584b48ec63a691a671bf1a6e4e96e6 100644 --- a/packages/frontend/src/pages/my-antennas/create.vue +++ b/packages/frontend/src/pages/my-antennas/create.vue @@ -39,6 +39,6 @@ function onAntennaCreated() { definePageMetadata({ title: i18n.ts.manageAntennas, - icon: 'ph-flying-saucer ph-bold pg-lg', + icon: 'ph-flying-saucer ph-bold ph-lg', }); </script> diff --git a/packages/frontend/src/pages/my-antennas/edit.vue b/packages/frontend/src/pages/my-antennas/edit.vue index 8d17c8c5e05b6096414a7a501cd4e1bf4be96379..86410121d32736a6b1eb03ee006d17dbd399a5de 100644 --- a/packages/frontend/src/pages/my-antennas/edit.vue +++ b/packages/frontend/src/pages/my-antennas/edit.vue @@ -36,6 +36,6 @@ os.api('antennas/show', { antennaId: props.antennaId }).then((antennaResponse) = definePageMetadata({ title: i18n.ts.manageAntennas, - icon: 'ph-flying-saucer ph-bold pg-lg', + icon: 'ph-flying-saucer ph-bold ph-lg', }); </script> diff --git a/packages/frontend/src/pages/my-antennas/editor.vue b/packages/frontend/src/pages/my-antennas/editor.vue index fce0dcbf1d2b779799baf065f818050d4c107bcc..ad60ba0a3ce59253290769e66aaa23784066b20e 100644 --- a/packages/frontend/src/pages/my-antennas/editor.vue +++ b/packages/frontend/src/pages/my-antennas/editor.vue @@ -41,7 +41,7 @@ SPDX-License-Identifier: AGPL-3.0-only <MkSwitch v-model="notify">{{ i18n.ts.notifyAntenna }}</MkSwitch> </div> <div :class="$style.actions"> - <MkButton inline primary @click="saveAntenna()"><i class="ph-floppy-disk ph-bold pg-lg"></i> {{ i18n.ts.save }}</MkButton> + <MkButton inline primary @click="saveAntenna()"><i class="ph-floppy-disk ph-bold ph-lg"></i> {{ i18n.ts.save }}</MkButton> <MkButton v-if="antenna.id != null" inline danger @click="deleteAntenna()"><i class="ph-trash ph-bold ph-lg"></i> {{ i18n.ts.delete }}</MkButton> </div> </div> diff --git a/packages/frontend/src/pages/my-antennas/index.vue b/packages/frontend/src/pages/my-antennas/index.vue index eb918232347bc92728fc017ac1ce67d6d1fce4ca..5c6432b80de8d54ed90127a24402e332f5ec0466 100644 --- a/packages/frontend/src/pages/my-antennas/index.vue +++ b/packages/frontend/src/pages/my-antennas/index.vue @@ -45,7 +45,7 @@ fetch(); const headerActions = $computed(() => [{ asFullButton: true, - icon: 'ph-arrows-counter-clockwise ph-bold pg-lg', + icon: 'ph-arrows-counter-clockwise ph-bold ph-lg', text: i18n.ts.reload, handler: () => { antennasCache.delete(); @@ -57,7 +57,7 @@ const headerTabs = $computed(() => []); definePageMetadata({ title: i18n.ts.manageAntennas, - icon: 'ph-flying-saucer ph-bold pg-lg', + icon: 'ph-flying-saucer ph-bold ph-lg', }); onActivated(() => { diff --git a/packages/frontend/src/pages/my-lists/index.vue b/packages/frontend/src/pages/my-lists/index.vue index b14b605db9f26f9880c1d4a6ea8b9c6a5f3482aa..147eaa12c36b5e254ae544b08af1de45c49de07a 100644 --- a/packages/frontend/src/pages/my-lists/index.vue +++ b/packages/frontend/src/pages/my-lists/index.vue @@ -59,7 +59,7 @@ async function create() { const headerActions = $computed(() => [{ asFullButton: true, - icon: 'ph-arrows-counter-clockwise ph-bold pg-lg', + icon: 'ph-arrows-counter-clockwise ph-bold ph-lg', text: i18n.ts.reload, handler: () => { userListsCache.delete(); @@ -71,7 +71,7 @@ const headerTabs = $computed(() => []); definePageMetadata({ title: i18n.ts.manageLists, - icon: 'ph-list ph-bold pg-lg', + icon: 'ph-list ph-bold ph-lg', }); onActivated(() => { diff --git a/packages/frontend/src/pages/my-lists/list.vue b/packages/frontend/src/pages/my-lists/list.vue index 60adb37cd09e8f593ea2a8a60de5c47cd575cad9..5c6e4182642d925f3660acaab9587fa4a14a5a63 100644 --- a/packages/frontend/src/pages/my-lists/list.vue +++ b/packages/frontend/src/pages/my-lists/list.vue @@ -185,7 +185,7 @@ const headerTabs = $computed(() => []); definePageMetadata(computed(() => list ? { title: list.name, - icon: 'ph-list ph-bold pg-lg', + icon: 'ph-list ph-bold ph-lg', } : null)); </script> diff --git a/packages/frontend/src/pages/notifications.vue b/packages/frontend/src/pages/notifications.vue index afe3295b64bf7bbfbe645f50405c60fa7d01dac1..baccb4916c67363b69281101d72992f6ee010cdf 100644 --- a/packages/frontend/src/pages/notifications.vue +++ b/packages/frontend/src/pages/notifications.vue @@ -80,7 +80,7 @@ const headerActions = $computed(() => [tab === 'all' ? { const headerTabs = $computed(() => [{ key: 'all', title: i18n.ts.all, - icon: 'ph-circle ph-bold pg-lg', + icon: 'ph-circle ph-bold ph-lg', }, { key: 'mentions', title: i18n.ts.mentions, @@ -93,6 +93,6 @@ const headerTabs = $computed(() => [{ definePageMetadata(computed(() => ({ title: i18n.ts.notifications, - icon: 'ph-bell ph-bold pg-lg', + icon: 'ph-bell ph-bold ph-lg', }))); </script> diff --git a/packages/frontend/src/pages/oauth.vue b/packages/frontend/src/pages/oauth.vue index a03a8f75a6f5acc636ab129318f6a3b11843843e..53b609e0bd35fa9d5a8e79857f1e362a4ae42371 100644 --- a/packages/frontend/src/pages/oauth.vue +++ b/packages/frontend/src/pages/oauth.vue @@ -53,7 +53,7 @@ function onLogin(res): void { definePageMetadata({ title: 'OAuth', - icon: 'ph-squares-four ph-bold pg-lg', + icon: 'ph-squares-four ph-bold ph-lg', }); </script> diff --git a/packages/frontend/src/pages/page-editor/page-editor.vue b/packages/frontend/src/pages/page-editor/page-editor.vue index 02631021701a55766ccb5ef77f523f9296b5b4fe..69a4c7dac48b8964c3f7e87c4ff2c68fa96c8476 100644 --- a/packages/frontend/src/pages/page-editor/page-editor.vue +++ b/packages/frontend/src/pages/page-editor/page-editor.vue @@ -9,7 +9,7 @@ SPDX-License-Identifier: AGPL-3.0-only <MkSpacer :contentMax="700"> <div class="jqqmcavi"> <MkButton v-if="pageId" class="button" inline link :to="`/@${ author.username }/pages/${ currentName }`"><i class="ph-arrow-square-out ph-bold ph-lg"></i> {{ i18n.ts._pages.viewPage }}</MkButton> - <MkButton v-if="!readonly" inline primary class="button" @click="save"><i class="ph-floppy-disk ph-bold pg-lg"></i> {{ i18n.ts.save }}</MkButton> + <MkButton v-if="!readonly" inline primary class="button" @click="save"><i class="ph-floppy-disk ph-bold ph-lg"></i> {{ i18n.ts.save }}</MkButton> <MkButton v-if="pageId" inline class="button" @click="duplicate"><i class="ph-copy ph-bold ph-lg"></i> {{ i18n.ts.duplicate }}</MkButton> <MkButton v-if="pageId && !readonly" inline class="button" danger @click="del"><i class="ph-trash ph-bold ph-lg"></i> {{ i18n.ts.delete }}</MkButton> </div> @@ -275,7 +275,7 @@ const headerActions = $computed(() => []); const headerTabs = $computed(() => [{ key: 'settings', title: i18n.ts._pages.pageSetting, - icon: 'ph-gear ph-bold pg-lg', + icon: 'ph-gear ph-bold ph-lg', }, { key: 'contents', title: i18n.ts._pages.contents, diff --git a/packages/frontend/src/pages/page.vue b/packages/frontend/src/pages/page.vue index 2cd7de48d16d2ec437190f3702397fea7cd4ebd4..1bb65d0cefbb6629c450620567e7b1dedce654ff 100644 --- a/packages/frontend/src/pages/page.vue +++ b/packages/frontend/src/pages/page.vue @@ -34,7 +34,7 @@ SPDX-License-Identifier: AGPL-3.0-only </div> <div class="other"> <button v-tooltip="i18n.ts.shareWithNote" v-click-anime class="_button" @click="shareWithNote"><i class="ph-rocket-launch ph-bold ph-lg ti-fw"></i></button> - <button v-tooltip="i18n.ts.share" v-click-anime class="_button" @click="share"><i class="ph-share-network ph-bold pg-lg ti-fw"></i></button> + <button v-tooltip="i18n.ts.share" v-click-anime class="_button" @click="share"><i class="ph-share-network ph-bold ph-lg ti-fw"></i></button> </div> </div> <div class="user"> diff --git a/packages/frontend/src/pages/pages.vue b/packages/frontend/src/pages/pages.vue index ce136133d89f07059ea51894c3998edb223b0fea..b699f77b85223c9f7a7ac07996318937de961021 100644 --- a/packages/frontend/src/pages/pages.vue +++ b/packages/frontend/src/pages/pages.vue @@ -74,11 +74,11 @@ const headerActions = $computed(() => [{ const headerTabs = $computed(() => [{ key: 'featured', title: i18n.ts._pages.featured, - icon: 'ph-fire ph-bold pg-lg', + icon: 'ph-fire ph-bold ph-lg', }, { key: 'my', title: i18n.ts._pages.my, - icon: 'ph-pencil-line ph-bold pg-lg', + icon: 'ph-pencil-line ph-bold ph-lg', }, { key: 'liked', title: i18n.ts._pages.liked, diff --git a/packages/frontend/src/pages/registry.value.vue b/packages/frontend/src/pages/registry.value.vue index 5c8a53814e0aa49025974220ee58eff7c98d2dc2..7206ac7b4678c77514b9b239fae208cda5863131 100644 --- a/packages/frontend/src/pages/registry.value.vue +++ b/packages/frontend/src/pages/registry.value.vue @@ -30,7 +30,7 @@ SPDX-License-Identifier: AGPL-3.0-only <template #label>{{ i18n.ts.value }} (JSON)</template> </MkTextarea> - <MkButton primary @click="save"><i class="ph-floppy-disk ph-bold pg-lg"></i> {{ i18n.ts.save }}</MkButton> + <MkButton primary @click="save"><i class="ph-floppy-disk ph-bold ph-lg"></i> {{ i18n.ts.save }}</MkButton> <MkKeyValue> <template #key>{{ i18n.ts.updatedAt }}</template> diff --git a/packages/frontend/src/pages/role.vue b/packages/frontend/src/pages/role.vue index c62ad25882d1935587b90d4bf00477731741cb4d..498212715c6ea4dc428c564a6031aaf6f42d19db 100644 --- a/packages/frontend/src/pages/role.vue +++ b/packages/frontend/src/pages/role.vue @@ -74,7 +74,7 @@ const users = $computed(() => ({ const headerTabs = $computed(() => [{ key: 'users', - icon: 'ph-users ph-bold pg-lg', + icon: 'ph-users ph-bold ph-lg', title: i18n.ts.users, }, { key: 'timeline', @@ -84,7 +84,7 @@ const headerTabs = $computed(() => [{ definePageMetadata(computed(() => ({ title: role?.name, - icon: 'ph-seal-check ph-bold pg-lg', + icon: 'ph-seal-check ph-bold ph-lg', }))); </script> diff --git a/packages/frontend/src/pages/search.vue b/packages/frontend/src/pages/search.vue index e3a0b75859e5bcc0727680bc5dec85c760fec1bc..eae120cb3466a799a386c1b63de772a30ab9b22d 100644 --- a/packages/frontend/src/pages/search.vue +++ b/packages/frontend/src/pages/search.vue @@ -47,7 +47,7 @@ const headerTabs = $computed(() => [{ }, { key: 'user', title: i18n.ts.users, - icon: 'ph-users ph-bold pg-lg', + icon: 'ph-users ph-bold ph-lg', }]); definePageMetadata(computed(() => ({ diff --git a/packages/frontend/src/pages/settings/2fa.qrdialog.vue b/packages/frontend/src/pages/settings/2fa.qrdialog.vue index 765161691df7086215727f675f959ec082b57ea7..9a2a98ad8926430199163586a79d4d41c550780b 100644 --- a/packages/frontend/src/pages/settings/2fa.qrdialog.vue +++ b/packages/frontend/src/pages/settings/2fa.qrdialog.vue @@ -42,7 +42,7 @@ SPDX-License-Identifier: AGPL-3.0-only </div> <div class="_buttonsCenter" style="margin-top: 16px;"> <MkButton rounded @click="cancel">{{ i18n.ts.cancel }}</MkButton> - <MkButton primary rounded gradate @click="page++">{{ i18n.ts.continue }} <i class="ph-arrow-right ph-bold pg-lg"></i></MkButton> + <MkButton primary rounded gradate @click="page++">{{ i18n.ts.continue }} <i class="ph-arrow-right ph-bold ph-lg"></i></MkButton> </div> </MkSpacer> </div> @@ -56,8 +56,8 @@ SPDX-License-Identifier: AGPL-3.0-only <div>{{ i18n.ts._2fa.step3 }}</div> </div> <div class="_buttonsCenter" style="margin-top: 16px;"> - <MkButton rounded @click="page--"><i class="ph-arrow-left ph-bold pg-lg"></i> {{ i18n.ts.goBack }}</MkButton> - <MkButton primary rounded gradate @click="tokenDone">{{ i18n.ts.continue }} <i class="ph-arrow-right ph-bold pg-lg"></i></MkButton> + <MkButton rounded @click="page--"><i class="ph-arrow-left ph-bold ph-lg"></i> {{ i18n.ts.goBack }}</MkButton> + <MkButton primary rounded gradate @click="tokenDone">{{ i18n.ts.continue }} <i class="ph-arrow-right ph-bold ph-lg"></i></MkButton> </div> </MkSpacer> </div> diff --git a/packages/frontend/src/pages/settings/accounts.vue b/packages/frontend/src/pages/settings/accounts.vue index 3f63c3dd7fffb869f613fc0692504b02004159e4..5bce040cefc86a95688dc1413c36853833376308 100644 --- a/packages/frontend/src/pages/settings/accounts.vue +++ b/packages/frontend/src/pages/settings/accounts.vue @@ -9,7 +9,7 @@ SPDX-License-Identifier: AGPL-3.0-only <div class="_gaps"> <div class="_buttons"> <MkButton primary @click="addAccount"><i class="ph-plus ph-bold ph-lg"></i> {{ i18n.ts.addAccount }}</MkButton> - <MkButton @click="init"><i class="ph-arrows-counter-clockwise ph-bold pg-lg"></i> {{ i18n.ts.reloadAccountsList }}</MkButton> + <MkButton @click="init"><i class="ph-arrows-counter-clockwise ph-bold ph-lg"></i> {{ i18n.ts.reloadAccountsList }}</MkButton> </div> <MkUserCardMini v-for="user in accounts" :key="user.id" :user="user" :class="$style.user" @click.prevent="menu(user, $event)"/> @@ -107,7 +107,7 @@ const headerTabs = $computed(() => []); definePageMetadata({ title: i18n.ts.accounts, - icon: 'ph-users ph-bold pg-lg', + icon: 'ph-users ph-bold ph-lg', }); </script> diff --git a/packages/frontend/src/pages/settings/api.vue b/packages/frontend/src/pages/settings/api.vue index 66de0997ae300e19fb2dda01f184dfe02332dbfa..2f03d07c6ece9dbf75458ecf4425781797e19e68 100644 --- a/packages/frontend/src/pages/settings/api.vue +++ b/packages/frontend/src/pages/settings/api.vue @@ -46,6 +46,6 @@ const headerTabs = $computed(() => []); definePageMetadata({ title: 'API', - icon: 'ph-webhooks-logo ph-bold pg-lg', + icon: 'ph-webhooks-logo ph-bold ph-lg', }); </script> diff --git a/packages/frontend/src/pages/settings/custom-css.vue b/packages/frontend/src/pages/settings/custom-css.vue index 760c8da9bd928264db3d9fdbd57170075bd45148..6e1481ae9718f806e3e6119ed3b8d96234e35460 100644 --- a/packages/frontend/src/pages/settings/custom-css.vue +++ b/packages/frontend/src/pages/settings/custom-css.vue @@ -47,6 +47,6 @@ const headerTabs = $computed(() => []); definePageMetadata({ title: i18n.ts.customCss, - icon: 'ph-code ph-bold pg-lg', + icon: 'ph-code ph-bold ph-lg', }); </script> diff --git a/packages/frontend/src/pages/settings/general.vue b/packages/frontend/src/pages/settings/general.vue index afc0344342ebaad53798d12962cdfc5d441ea213..0adba4bc31fcbabc3f4cbb3b8b317d5f1dcc6b2c 100644 --- a/packages/frontend/src/pages/settings/general.vue +++ b/packages/frontend/src/pages/settings/general.vue @@ -189,7 +189,7 @@ SPDX-License-Identifier: AGPL-3.0-only </div> </MkFolder> <FormLink to="/settings/deck">{{ i18n.ts.deck }}</FormLink> - <FormLink to="/settings/custom-css"><template #icon><i class="ph-code ph-bold pg-lg"></i></template>{{ i18n.ts.customCss }}</FormLink> + <FormLink to="/settings/custom-css"><template #icon><i class="ph-code ph-bold ph-lg"></i></template>{{ i18n.ts.customCss }}</FormLink> </div> </FormSection> </div> diff --git a/packages/frontend/src/pages/settings/import-export.vue b/packages/frontend/src/pages/settings/import-export.vue index 0c3e95a3d49d3e15c24d50ed27c75f923af5ceed..22ee9b0707ee1f3a31b70268bdb1c4282b5451f5 100644 --- a/packages/frontend/src/pages/settings/import-export.vue +++ b/packages/frontend/src/pages/settings/import-export.vue @@ -14,7 +14,7 @@ SPDX-License-Identifier: AGPL-3.0-only </MkFolder> </FormSection> <FormSection> - <template #label><i class="ph-star ph-bold pg-lg"></i> {{ i18n.ts._exportOrImport.favoritedNotes }}</template> + <template #label><i class="ph-star ph-bold ph-lg"></i> {{ i18n.ts._exportOrImport.favoritedNotes }}</template> <MkFolder> <template #label>{{ i18n.ts.export }}</template> <template #icon><i class="ph-download ph-bold ph-lg"></i></template> @@ -22,7 +22,7 @@ SPDX-License-Identifier: AGPL-3.0-only </MkFolder> </FormSection> <FormSection> - <template #label><i class="ph-users ph-bold pg-lg"></i> {{ i18n.ts._exportOrImport.followingList }}</template> + <template #label><i class="ph-users ph-bold ph-lg"></i> {{ i18n.ts._exportOrImport.followingList }}</template> <div class="_gaps_s"> <MkFolder> <template #label>{{ i18n.ts.export }}</template> @@ -48,7 +48,7 @@ SPDX-License-Identifier: AGPL-3.0-only </div> </FormSection> <FormSection> - <template #label><i class="ph-users ph-bold pg-lg"></i> {{ i18n.ts._exportOrImport.userLists }}</template> + <template #label><i class="ph-users ph-bold ph-lg"></i> {{ i18n.ts._exportOrImport.userLists }}</template> <div class="_gaps_s"> <MkFolder> <template #label>{{ i18n.ts.export }}</template> @@ -93,7 +93,7 @@ SPDX-License-Identifier: AGPL-3.0-only </div> </FormSection> <FormSection> - <template #label><i class="ph-flying-saucer ph-bold pg-lg"></i> {{ i18n.ts.antennas }}</template> + <template #label><i class="ph-flying-saucer ph-bold ph-lg"></i> {{ i18n.ts.antennas }}</template> <div class="_gaps_s"> <MkFolder> <template #label>{{ i18n.ts.export }}</template> diff --git a/packages/frontend/src/pages/settings/index.vue b/packages/frontend/src/pages/settings/index.vue index f3bab432f92c362cd7ca1286204c76d6eeca0e7f..04c1f2dbf291ddf66b9c66d74da036639a7cfa4a 100644 --- a/packages/frontend/src/pages/settings/index.vue +++ b/packages/frontend/src/pages/settings/index.vue @@ -42,7 +42,7 @@ import { fetchCustomEmojis } from '@/custom-emojis.js'; const indexInfo = { title: i18n.ts.settings, - icon: 'ph-gear ph-bold pg-lg', + icon: 'ph-gear ph-bold ph-lg', hideHeader: true, }; const INFO = ref(indexInfo); @@ -84,7 +84,7 @@ const menuDef = computed(() => [{ to: '/settings/drive', active: currentPage?.route.name === 'drive', }, { - icon: 'ph-bell ph-bold pg-lg', + icon: 'ph-bell ph-bold ph-lg', text: i18n.ts.notifications, to: '/settings/notifications', active: currentPage?.route.name === 'notifications', @@ -122,7 +122,7 @@ const menuDef = computed(() => [{ to: '/settings/statusbar', active: currentPage?.route.name === 'statusbar', }, { - icon: 'ph-music-notes ph-bold pg-lg', + icon: 'ph-music-notes ph-bold ph-lg', text: i18n.ts.sounds, to: '/settings/sounds', active: currentPage?.route.name === 'sounds', @@ -135,7 +135,7 @@ const menuDef = computed(() => [{ }, { title: i18n.ts.otherSettings, items: [{ - icon: 'ph-seal-check ph-bold pg-lg', + icon: 'ph-seal-check ph-bold ph-lg', text: i18n.ts.roles, to: '/settings/roles', active: currentPage?.route.name === 'roles', @@ -145,7 +145,7 @@ const menuDef = computed(() => [{ to: '/settings/mute-block', active: currentPage?.route.name === 'mute-block', }, { - icon: 'ph-key ph-bold pg-lg', + icon: 'ph-key ph-bold ph-lg', text: 'API', to: '/settings/api', active: currentPage?.route.name === 'api', @@ -172,7 +172,7 @@ const menuDef = computed(() => [{ }], }, { items: [{ - icon: 'ph-floppy-disk ph-bold pg-lg', + icon: 'ph-floppy-disk ph-bold ph-lg', text: i18n.ts.preferencesBackups, to: '/settings/preferences-backups', active: currentPage?.route.name === 'preferences-backups', diff --git a/packages/frontend/src/pages/settings/mute-block.instance-mute.vue b/packages/frontend/src/pages/settings/mute-block.instance-mute.vue index e6e216ef9b6e3f87aa896508aa58cd04b41e17e6..0e149fd46178b9ba0ba46a82eaeb0087cdcb4a2e 100644 --- a/packages/frontend/src/pages/settings/mute-block.instance-mute.vue +++ b/packages/frontend/src/pages/settings/mute-block.instance-mute.vue @@ -10,7 +10,7 @@ SPDX-License-Identifier: AGPL-3.0-only <template #label>{{ i18n.ts._instanceMute.heading }}</template> <template #caption>{{ i18n.ts._instanceMute.instanceMuteDescription }}<br>{{ i18n.ts._instanceMute.instanceMuteDescription2 }}</template> </MkTextarea> - <MkButton primary :disabled="!changed" @click="save()"><i class="ph-floppy-disk ph-bold pg-lg"></i> {{ i18n.ts.save }}</MkButton> + <MkButton primary :disabled="!changed" @click="save()"><i class="ph-floppy-disk ph-bold ph-lg"></i> {{ i18n.ts.save }}</MkButton> </div> </template> diff --git a/packages/frontend/src/pages/settings/mute-block.word-mute.vue b/packages/frontend/src/pages/settings/mute-block.word-mute.vue index 261cb059c739e055bddf7c3fe0f41e55d1f4979b..4b6d27d8f24cc8b73dafe6236e31ecacc3f94e4f 100644 --- a/packages/frontend/src/pages/settings/mute-block.word-mute.vue +++ b/packages/frontend/src/pages/settings/mute-block.word-mute.vue @@ -11,7 +11,7 @@ SPDX-License-Identifier: AGPL-3.0-only <template #caption>{{ i18n.ts._wordMute.muteWordsDescription }}<br>{{ i18n.ts._wordMute.muteWordsDescription2 }}</template> </MkTextarea> </div> - <MkButton primary inline :disabled="!changed" @click="save()"><i class="ph-floppy-disk ph-bold pg-lg"></i> {{ i18n.ts.save }}</MkButton> + <MkButton primary inline :disabled="!changed" @click="save()"><i class="ph-floppy-disk ph-bold ph-lg"></i> {{ i18n.ts.save }}</MkButton> </div> </template> diff --git a/packages/frontend/src/pages/settings/navbar.vue b/packages/frontend/src/pages/settings/navbar.vue index 44d6e12c6ab204d070cb0277626e9788cf6034b0..51a826ef3edeeb200818ee992f8096541409f624 100644 --- a/packages/frontend/src/pages/settings/navbar.vue +++ b/packages/frontend/src/pages/settings/navbar.vue @@ -32,7 +32,7 @@ SPDX-License-Identifier: AGPL-3.0-only <div class="_buttons"> <MkButton @click="addItem"><i class="ph-plus ph-bold ph-lg"></i> {{ i18n.ts.addItem }}</MkButton> <MkButton danger @click="reset"><i class="ph-arrow-clockwise ph-bold ph-lg"></i> {{ i18n.ts.default }}</MkButton> - <MkButton primary class="save" @click="save"><i class="ph-floppy-disk ph-bold pg-lg"></i> {{ i18n.ts.save }}</MkButton> + <MkButton primary class="save" @click="save"><i class="ph-floppy-disk ph-bold ph-lg"></i> {{ i18n.ts.save }}</MkButton> </div> <MkRadios v-model="menuDisplay"> @@ -121,7 +121,7 @@ const headerTabs = $computed(() => []); definePageMetadata({ title: i18n.ts.navbar, - icon: 'ph-list ph-bold pg-lg', + icon: 'ph-list ph-bold ph-lg', }); </script> diff --git a/packages/frontend/src/pages/settings/notifications.vue b/packages/frontend/src/pages/settings/notifications.vue index 36f91e74f9f350d94f0a629c2e2a03fe6b24e2b1..55dc5275821c94e7afa5fdd59453e076c7c775e8 100644 --- a/packages/frontend/src/pages/settings/notifications.vue +++ b/packages/frontend/src/pages/settings/notifications.vue @@ -114,6 +114,6 @@ const headerTabs = $computed(() => []); definePageMetadata({ title: i18n.ts.notifications, - icon: 'ph-bell ph-bold pg-lg', + icon: 'ph-bell ph-bold ph-lg', }); </script> diff --git a/packages/frontend/src/pages/settings/other.vue b/packages/frontend/src/pages/settings/other.vue index 726749b22c4663f42593cdb3f18cbf7c446d0fb9..3bd3ddbe9bb97224c555ee056b7d47f86f66a1c5 100644 --- a/packages/frontend/src/pages/settings/other.vue +++ b/packages/frontend/src/pages/settings/other.vue @@ -58,7 +58,7 @@ SPDX-License-Identifier: AGPL-3.0-only </MkFolder> <MkFolder> - <template #icon><i class="ph-code ph-bold pg-lg"></i></template> + <template #icon><i class="ph-code ph-bold ph-lg"></i></template> <template #label>{{ i18n.ts.developer }}</template> <div class="_gaps_m"> diff --git a/packages/frontend/src/pages/settings/plugin.vue b/packages/frontend/src/pages/settings/plugin.vue index 4eb5680ebc95c20b2a8f4a773b72e61e240b9b7c..7447cef431aa816d51a3bf7c2d1a1bcaa37bcd42 100644 --- a/packages/frontend/src/pages/settings/plugin.vue +++ b/packages/frontend/src/pages/settings/plugin.vue @@ -37,12 +37,12 @@ SPDX-License-Identifier: AGPL-3.0-only </div> <div class="_buttons"> - <MkButton v-if="plugin.config" inline @click="config(plugin)"><i class="ph-gear ph-bold pg-lg"></i> {{ i18n.ts.settings }}</MkButton> + <MkButton v-if="plugin.config" inline @click="config(plugin)"><i class="ph-gear ph-bold ph-lg"></i> {{ i18n.ts.settings }}</MkButton> <MkButton inline danger @click="uninstall(plugin)"><i class="ph-trash ph-bold ph-lg"></i> {{ i18n.ts.uninstall }}</MkButton> </div> <MkFolder> - <template #icon><i class="ph-code ph-bold pg-lg"></i></template> + <template #icon><i class="ph-code ph-bold ph-lg"></i></template> <template #label>{{ i18n.ts._plugin.viewSource }}</template> <div class="_gaps_s"> diff --git a/packages/frontend/src/pages/settings/preferences-backups.vue b/packages/frontend/src/pages/settings/preferences-backups.vue index ecb7c68f73e43b327536425d404b1bb4347603f7..3f038f8293a73746f93488e1e26f9c24d44516c8 100644 --- a/packages/frontend/src/pages/settings/preferences-backups.vue +++ b/packages/frontend/src/pages/settings/preferences-backups.vue @@ -400,7 +400,7 @@ function menu(ev: MouseEvent, profileId: string) { action: () => rename(profileId), }, { text: ts._preferencesBackups.save, - icon: 'ph-floppy-disk ph-bold pg-lg', + icon: 'ph-floppy-disk ph-bold ph-lg', action: () => save(profileId), }, null, { text: ts.delete, @@ -426,7 +426,7 @@ onUnmounted(() => { definePageMetadata(computed(() => ({ title: ts.preferencesBackups, - icon: 'ph-floppy-disk ph-bold pg-lg', + icon: 'ph-floppy-disk ph-bold ph-lg', }))); </script> diff --git a/packages/frontend/src/pages/settings/profile.vue b/packages/frontend/src/pages/settings/profile.vue index 22b3d7a529b4568c990b6fb5d4459903de569724..4acb4a7c517daef3e90e612b9d13bac89172222d 100644 --- a/packages/frontend/src/pages/settings/profile.vue +++ b/packages/frontend/src/pages/settings/profile.vue @@ -45,7 +45,7 @@ SPDX-License-Identifier: AGPL-3.0-only <FormSlot> <MkFolder> - <template #icon><i class="ph-list ph-bold pg-lg"></i></template> + <template #icon><i class="ph-list ph-bold ph-lg"></i></template> <template #label>{{ i18n.ts._profile.metadataEdit }}</template> <div :class="$style.metadataRoot"> @@ -90,7 +90,7 @@ SPDX-License-Identifier: AGPL-3.0-only </FormSlot> <MkFolder> - <template #icon><i class="ph-sparkle ph-bold pg-lg"></i></template> + <template #icon><i class="ph-sparkle ph-bold ph-lg"></i></template> <template #label>{{ i18n.ts.avatarDecorations }}</template> <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); grid-gap: 12px;"> diff --git a/packages/frontend/src/pages/settings/roles.vue b/packages/frontend/src/pages/settings/roles.vue index efa654226ed9cc8f38a57b53e7083f1826bd5b90..291be4f3be2aa04547585103b755d3f13d82c432 100644 --- a/packages/frontend/src/pages/settings/roles.vue +++ b/packages/frontend/src/pages/settings/roles.vue @@ -52,7 +52,7 @@ const headerTabs = $computed(() => []); definePageMetadata({ title: i18n.ts.roles, - icon: 'ph-seal-check ph-bold pg-lg', + icon: 'ph-seal-check ph-bold ph-lg', }); </script> diff --git a/packages/frontend/src/pages/settings/security.vue b/packages/frontend/src/pages/settings/security.vue index c07ad5117b7491a02fe7a9a32b4fa476e79eef5b..97bb84b655cabb4e1704157a01e4eb97609fa2d6 100644 --- a/packages/frontend/src/pages/settings/security.vue +++ b/packages/frontend/src/pages/settings/security.vue @@ -32,7 +32,7 @@ SPDX-License-Identifier: AGPL-3.0-only <FormSection> <FormSlot> - <MkButton danger @click="regenerateToken"><i class="ph-arrows-counter-clockwise ph-bold pg-lg"></i> {{ i18n.ts.regenerateLoginToken }}</MkButton> + <MkButton danger @click="regenerateToken"><i class="ph-arrows-counter-clockwise ph-bold ph-lg"></i> {{ i18n.ts.regenerateLoginToken }}</MkButton> <template #caption>{{ i18n.ts.regenerateLoginTokenDescription }}</template> </FormSlot> </FormSection> diff --git a/packages/frontend/src/pages/settings/sounds.sound.vue b/packages/frontend/src/pages/settings/sounds.sound.vue index 0de2c8c679f24f09696164ec1169a2f72aa55b10..514ead4de1e4a710724be9b58953164c88627d0d 100644 --- a/packages/frontend/src/pages/settings/sounds.sound.vue +++ b/packages/frontend/src/pages/settings/sounds.sound.vue @@ -14,7 +14,7 @@ SPDX-License-Identifier: AGPL-3.0-only </MkRange> <div class="_buttons"> - <MkButton inline @click="listen"><i class="ph-play ph-bold pg-lg"></i> {{ i18n.ts.listen }}</MkButton> + <MkButton inline @click="listen"><i class="ph-play ph-bold ph-lg"></i> {{ i18n.ts.listen }}</MkButton> <MkButton inline primary @click="save"><i class="ph-check ph-bold ph-lg"></i> {{ i18n.ts.save }}</MkButton> </div> </div> diff --git a/packages/frontend/src/pages/settings/sounds.vue b/packages/frontend/src/pages/settings/sounds.vue index ebce301ee82daf10cbd2ce33370c7072b74f5028..89241b8c0297b28552e3784eccca50fa0aae63f2 100644 --- a/packages/frontend/src/pages/settings/sounds.vue +++ b/packages/frontend/src/pages/settings/sounds.vue @@ -72,6 +72,6 @@ const headerTabs = $computed(() => []); definePageMetadata({ title: i18n.ts.sounds, - icon: 'ph-music-notes ph-bold pg-lg', + icon: 'ph-music-notes ph-bold ph-lg', }); </script> diff --git a/packages/frontend/src/pages/settings/statusbar.vue b/packages/frontend/src/pages/settings/statusbar.vue index 02d678a2b40c1f59543d36cc43231b8d03c0aa97..1999c7e20f49b1ccc0a7109fa4877485aafd0ee9 100644 --- a/packages/frontend/src/pages/settings/statusbar.vue +++ b/packages/frontend/src/pages/settings/statusbar.vue @@ -51,6 +51,6 @@ const headerTabs = $computed(() => []); definePageMetadata({ title: i18n.ts.statusbar, - icon: 'ph-list ph-bold pg-lg', + icon: 'ph-list ph-bold ph-lg', }); </script> diff --git a/packages/frontend/src/pages/share.vue b/packages/frontend/src/pages/share.vue index ed08bb133078dbbbde00f3c5051f024d454c06d0..6d0492250d29047cf800d1c575752cdc866b8935 100644 --- a/packages/frontend/src/pages/share.vue +++ b/packages/frontend/src/pages/share.vue @@ -168,6 +168,6 @@ const headerTabs = $computed(() => []); definePageMetadata({ title: i18n.ts.share, - icon: 'ph-share-network ph-bold pg-lg', + icon: 'ph-share-network ph-bold ph-lg', }); </script> diff --git a/packages/frontend/src/pages/theme-editor.vue b/packages/frontend/src/pages/theme-editor.vue index f31666c8c1bf524ddc2e47cfc8650a1d33575353..b78cf531a554a4484a720a1d8e1c7589482e3f13 100644 --- a/packages/frontend/src/pages/theme-editor.vue +++ b/packages/frontend/src/pages/theme-editor.vue @@ -47,7 +47,7 @@ SPDX-License-Identifier: AGPL-3.0-only </MkFolder> <MkFolder :defaultOpen="false"> - <template #icon><i class="ph-code ph-bold pg-lg"></i></template> + <template #icon><i class="ph-code ph-bold ph-lg"></i></template> <template #label>{{ i18n.ts.editCode }}</template> <div class="_gaps_m"> diff --git a/packages/frontend/src/pages/timeline.vue b/packages/frontend/src/pages/timeline.vue index 8940ba1a382f4eb5a28a98ce240f9fa7e5a70d88..4abffb72daa754f02690e69a69188af9203a5325 100644 --- a/packages/frontend/src/pages/timeline.vue +++ b/packages/frontend/src/pages/timeline.vue @@ -168,7 +168,7 @@ const headerActions = $computed(() => { } : undefined, { type: 'switch', text: i18n.ts.fileAttachedOnly, - icon: 'ph-image ph-bold pg-lg', + icon: 'ph-image ph-bold ph-lg', ref: $$(onlyFiles), }], ev.currentTarget ?? ev.target); }, @@ -176,7 +176,7 @@ const headerActions = $computed(() => { ]; if (deviceKind === 'desktop') { tmp.unshift({ - icon: 'ph-arrows-counter-clockwise ph-bold pg-lg', + icon: 'ph-arrows-counter-clockwise ph-bold ph-lg', text: i18n.ts.reload, handler: (ev: Event) => { console.log('called'); @@ -190,7 +190,7 @@ const headerActions = $computed(() => { const headerTabs = $computed(() => [...(defaultStore.reactiveState.pinnedUserLists.value.map(l => ({ key: 'list:' + l.id, title: l.name, - icon: 'ph-star ph-bold pg-lg', + icon: 'ph-star ph-bold ph-lg', iconOnly: true, }))), { key: 'home', @@ -200,12 +200,12 @@ const headerTabs = $computed(() => [...(defaultStore.reactiveState.pinnedUserLis }, ...(isLocalTimelineAvailable ? [{ key: 'local', title: i18n.ts._timelines.local, - icon: 'ph-planet ph-bold pg-lg', + icon: 'ph-planet ph-bold ph-lg', iconOnly: true, }, { key: 'social', title: i18n.ts._timelines.social, - icon: 'ph-rocket-launch ph-bold pg-lg', + icon: 'ph-rocket-launch ph-bold ph-lg', iconOnly: true, }] : []), ...(isGlobalTimelineAvailable ? [{ key: 'global', @@ -213,12 +213,12 @@ const headerTabs = $computed(() => [...(defaultStore.reactiveState.pinnedUserLis icon: 'ph-globe-hemisphere-west ph-bold ph-lg', iconOnly: true, }] : []), { - icon: 'ph-list ph-bold pg-lg', + icon: 'ph-list ph-bold ph-lg', title: i18n.ts.lists, iconOnly: true, onClick: chooseList, }, { - icon: 'ph-flying-saucer ph-bold pg-lg', + icon: 'ph-flying-saucer ph-bold ph-lg', title: i18n.ts.antennas, iconOnly: true, onClick: chooseAntenna, @@ -233,7 +233,7 @@ const headerTabsWhenNotLogin = $computed(() => [ ...(isLocalTimelineAvailable ? [{ key: 'local', title: i18n.ts._timelines.local, - icon: 'ph-planet ph-bold pg-lg', + icon: 'ph-planet ph-bold ph-lg', iconOnly: true, }] : []), ...(isGlobalTimelineAvailable ? [{ @@ -246,7 +246,7 @@ const headerTabsWhenNotLogin = $computed(() => [ definePageMetadata(computed(() => ({ title: i18n.ts.timeline, - icon: src === 'local' ? 'ph-planet ph-bold pg-lg' : src === 'social' ? 'ph-rocket-launch ph-bold pg-lg' : src === 'global' ? 'ph-globe-hemisphere-west ph-bold ph-lg' : 'ph-house ph-bold ph-lg', + icon: src === 'local' ? 'ph-planet ph-bold ph-lg' : src === 'social' ? 'ph-rocket-launch ph-bold ph-lg' : src === 'global' ? 'ph-globe-hemisphere-west ph-bold ph-lg' : 'ph-house ph-bold ph-lg', }))); </script> diff --git a/packages/frontend/src/pages/user-list-timeline.vue b/packages/frontend/src/pages/user-list-timeline.vue index 6812802ef7360d547f3a5c88c41ce72a17fc12dd..e1cb7997e1376ce9b5951d71f7bd8e226a9e55d2 100644 --- a/packages/frontend/src/pages/user-list-timeline.vue +++ b/packages/frontend/src/pages/user-list-timeline.vue @@ -62,7 +62,7 @@ function settings() { } const headerActions = $computed(() => list ? [{ - icon: 'ph-gear ph-bold pg-lg', + icon: 'ph-gear ph-bold ph-lg', text: i18n.ts.settings, handler: settings, }] : []); @@ -71,7 +71,7 @@ const headerTabs = $computed(() => []); definePageMetadata(computed(() => list ? { title: list.name, - icon: 'ph-list ph-bold pg-lg', + icon: 'ph-list ph-bold ph-lg', } : null)); </script> diff --git a/packages/frontend/src/pages/user/activity.vue b/packages/frontend/src/pages/user/activity.vue index 45eb2f72aaa81be7d3c167d654bd3612fc372df8..42035cc619a51defc4e77f6ff350ab0236e899cf 100644 --- a/packages/frontend/src/pages/user/activity.vue +++ b/packages/frontend/src/pages/user/activity.vue @@ -15,7 +15,7 @@ SPDX-License-Identifier: AGPL-3.0-only <XNotes :user="user"/> </MkFoldableSection> <MkFoldableSection class="item"> - <template #header><i class="ph-users ph-bold pg-lg"></i> Following</template> + <template #header><i class="ph-users ph-bold ph-lg"></i> Following</template> <XFollowing :user="user"/> </MkFoldableSection> <MkFoldableSection class="item"> diff --git a/packages/frontend/src/pages/user/home.vue b/packages/frontend/src/pages/user/home.vue index 2f196008a839fec355c120f4da1fac023c4fa2e6..42a4be3f9241ea44632b52cf23eac9b6984c05b2 100644 --- a/packages/frontend/src/pages/user/home.vue +++ b/packages/frontend/src/pages/user/home.vue @@ -26,7 +26,7 @@ SPDX-License-Identifier: AGPL-3.0-only <span v-if="user.isLocked" :title="i18n.ts.isLocked"><i class="ph-lock ph-bold ph-lg"></i></span> <span v-if="user.isBot" :title="i18n.ts.isBot"><i class="ph-robot ph-bold ph-lg"></i></span> <button v-if="!isEditingMemo && !memoDraft" class="_button add-note-button" @click="showMemoTextarea"> - <i class="ph-pencil-line ph-bold pg-lg"/> {{ i18n.ts.addMemo }} + <i class="ph-pencil-line ph-bold ph-lg"/> {{ i18n.ts.addMemo }} </button> </div> </div> diff --git a/packages/frontend/src/pages/user/index.activity.vue b/packages/frontend/src/pages/user/index.activity.vue index 52311fca73c401396aa6911f28212e6a90d543b6..b7576d4e201eb4f6e6a58b37fd1a980fdc993710 100644 --- a/packages/frontend/src/pages/user/index.activity.vue +++ b/packages/frontend/src/pages/user/index.activity.vue @@ -5,7 +5,7 @@ SPDX-License-Identifier: AGPL-3.0-only <template> <MkContainer> - <template #icon><i class="ph-chart-line ph-bold pg-lg"></i></template> + <template #icon><i class="ph-chart-line ph-bold ph-lg"></i></template> <template #header>{{ i18n.ts.activity }}</template> <template #func="{ buttonStyleClass }"> <button class="_button" :class="buttonStyleClass" @click="showMenu"> diff --git a/packages/frontend/src/pages/user/index.listenbrainz.vue b/packages/frontend/src/pages/user/index.listenbrainz.vue index ff51b09027818b498866c97a215b9ab91aeaff88..d58bd9634749299c462dad864038be762a279552 100644 --- a/packages/frontend/src/pages/user/index.listenbrainz.vue +++ b/packages/frontend/src/pages/user/index.listenbrainz.vue @@ -19,7 +19,7 @@ </a> <a :href="listenbrainz.listenbrainzurl"> <div class="playicon"> - <i class="ph-play ph-bold pg-lg-filled"></i> + <i class="ph-play ph-bold ph-lg-filled"></i> </div> </a> </div> diff --git a/packages/frontend/src/pages/user/index.vue b/packages/frontend/src/pages/user/index.vue index c352a04ed9819b125b4af0e3679f935315981062..dd64cc2534cb380d2cfba8ddf7a523303f2d2403 100644 --- a/packages/frontend/src/pages/user/index.vue +++ b/packages/frontend/src/pages/user/index.vue @@ -83,7 +83,7 @@ const headerTabs = $computed(() => user ? [{ }, { key: 'activity', title: i18n.ts.activity, - icon: 'ph-chart-line ph-bold pg-lg', + icon: 'ph-chart-line ph-bold ph-lg', }, ...(user.host == null ? [{ key: 'achievements', title: i18n.ts.achievements, @@ -99,7 +99,7 @@ const headerTabs = $computed(() => user ? [{ }, { key: 'lists', title: i18n.ts.lists, - icon: 'ph-list ph-bold pg-lg', + icon: 'ph-list ph-bold ph-lg', }, { key: 'pages', title: i18n.ts.pages, @@ -107,11 +107,11 @@ const headerTabs = $computed(() => user ? [{ }, { key: 'flashs', title: 'Play', - icon: 'ph-play ph-bold pg-lg', + icon: 'ph-play ph-bold ph-lg', }, { key: 'gallery', title: i18n.ts.gallery, - icon: 'ph-images-square ph-bold pg-lg', + icon: 'ph-images-square ph-bold ph-lg', }] : []); definePageMetadata(computed(() => user ? { diff --git a/packages/frontend/src/pages/welcome.timeline.vue b/packages/frontend/src/pages/welcome.timeline.vue index 78c29499abc7043ad824794401e80321d2706932..6c13af2f0ae071051467b550d93c49481c67b7f0 100644 --- a/packages/frontend/src/pages/welcome.timeline.vue +++ b/packages/frontend/src/pages/welcome.timeline.vue @@ -9,7 +9,7 @@ SPDX-License-Identifier: AGPL-3.0-only <div v-for="note in notes" :key="note.id" :class="$style.note"> <div class="_panel" :class="$style.content"> <div> - <MkA v-if="note.replyId" class="reply" :to="`/notes/${note.replyId}`"><i class="ph-arrow-u-up-left ph-bold pg-lg"></i></MkA> + <MkA v-if="note.replyId" class="reply" :to="`/notes/${note.replyId}`"><i class="ph-arrow-u-up-left ph-bold ph-lg"></i></MkA> <Mfm v-if="note.text" :text="note.text" :author="note.user"/> <MkA v-if="note.renoteId" class="rp" :to="`/notes/${note.renoteId}`">RN: ...</MkA> </div> diff --git a/packages/frontend/src/scripts/get-drive-file-menu.ts b/packages/frontend/src/scripts/get-drive-file-menu.ts index 852e9147bc8d3acb665eebd8f6ba24642e0da615..87f388684769d1f0d5a0e28ad0e21ec5786bc120 100644 --- a/packages/frontend/src/scripts/get-drive-file-menu.ts +++ b/packages/frontend/src/scripts/get-drive-file-menu.ts @@ -81,7 +81,7 @@ export function getDriveFileMenu(file: Misskey.entities.DriveFile, folder?: Miss type: 'link', to: `/my/drive/file/${file.id}`, text: i18n.ts._fileViewer.title, - icon: 'ph-file-text ph-bold pg-lg', + icon: 'ph-file-text ph-bold ph-lg', }, null, { text: i18n.ts.rename, icon: 'ph-textbox ph-bold ph-lg', diff --git a/packages/frontend/src/scripts/get-note-menu.ts b/packages/frontend/src/scripts/get-note-menu.ts index 4ede9389d137c3b5701f16244850d9da58e0bea0..e64c08c0ab4a8e9865658f5484d0aa52db53342c 100644 --- a/packages/frontend/src/scripts/get-note-menu.ts +++ b/packages/frontend/src/scripts/get-note-menu.ts @@ -306,7 +306,7 @@ export function getNoteMenu(props: { }, } : undefined, { - icon: 'ph-share-network ph-bold pg-lg', + icon: 'ph-share-network ph-bold ph-lg', text: i18n.ts.share, action: share, }, @@ -317,11 +317,11 @@ export function getNoteMenu(props: { } : undefined, null, statePromise.then(state => state.isFavorited ? { - icon: 'ph-star-half ph-bold pg-lg', + icon: 'ph-star-half ph-bold ph-lg', text: i18n.ts.unfavorite, action: () => toggleFavorite(false), } : { - icon: 'ph-star ph-bold pg-lg', + icon: 'ph-star ph-bold ph-lg', text: i18n.ts.favorite, action: () => toggleFavorite(true), }), @@ -384,7 +384,7 @@ export function getNoteMenu(props: { action: edit, } : undefined, { - icon: 'ph-pencil-line ph-bold pg-lg', + icon: 'ph-pencil-line ph-bold ph-lg', text: i18n.ts.deleteAndEdit, danger: true, action: delEdit, diff --git a/packages/frontend/src/scripts/get-user-menu.ts b/packages/frontend/src/scripts/get-user-menu.ts index 618bc21c2ba618d5284a9f8cbacb96435e4a9ca7..c8942314b2eb65ab18f899b9f573ce86e06258d3 100644 --- a/packages/frontend/src/scripts/get-user-menu.ts +++ b/packages/frontend/src/scripts/get-user-menu.ts @@ -170,7 +170,7 @@ export function getUserMenu(user: Misskey.entities.UserDetailed, router: Router copyToClipboard(`${user.host ?? host}/@${user.username}.atom`); }, }, { - icon: 'ph-share-network ph-bold pg-lg', + icon: 'ph-share-network ph-bold ph-lg', text: i18n.ts.copyProfileUrl, action: () => { const canonical = user.host === null ? `@${user.username}` : `@${user.username}@${toUnicode(user.host)}`; @@ -191,7 +191,7 @@ export function getUserMenu(user: Misskey.entities.UserDetailed, router: Router }, }, { type: 'parent', - icon: 'ph-list ph-bold pg-lg', + icon: 'ph-list ph-bold ph-lg', text: i18n.ts.addToList, children: async () => { const lists = await userListsCache.fetch(); @@ -224,7 +224,7 @@ export function getUserMenu(user: Misskey.entities.UserDetailed, router: Router }, }, { type: 'parent', - icon: 'ph-flying-saucer ph-bold pg-lg', + icon: 'ph-flying-saucer ph-bold ph-lg', text: i18n.ts.addToAntenna, children: async () => { const antennas = await antennasCache.fetch(); @@ -255,7 +255,7 @@ export function getUserMenu(user: Misskey.entities.UserDetailed, router: Router if (iAmModerator) { menu = menu.concat([{ type: 'parent', - icon: 'ph-seal-check ph-bold pg-lg', + icon: 'ph-seal-check ph-bold ph-lg', text: i18n.ts.roles, children: async () => { const roles = await rolesCache.fetch(); @@ -297,11 +297,11 @@ export function getUserMenu(user: Misskey.entities.UserDetailed, router: Router // フォãƒãƒ¼ã—ãŸã¨ã—ã¦ã‚‚ user.isFollowing ã¯ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ æ›´æ–°ã•ã‚Œãªã„ã®ã§ä¸ä¾¿ãªãŸã‚ //if (user.isFollowing) { menu = menu.concat([{ - icon: user.withReplies ? 'ph-envelope-open ph-bold pg-lg' : 'ph-envelope ph-bold pg-lg-off', + icon: user.withReplies ? 'ph-envelope-open ph-bold ph-lg' : 'ph-envelope ph-bold ph-lg-off', text: user.withReplies ? i18n.ts.hideRepliesToOthersInTimeline : i18n.ts.showRepliesToOthersInTimeline, action: toggleWithReplies, }, { - icon: user.notify === 'none' ? 'ph-bell ph-bold pg-lg' : 'ph-bell ph-bold pg-lg-off', + icon: user.notify === 'none' ? 'ph-bell ph-bold ph-lg' : 'ph-bell ph-bold ph-lg-off', text: user.notify === 'none' ? i18n.ts.notifyNotes : i18n.ts.unnotifyNotes, action: toggleNotify, }]); diff --git a/packages/frontend/src/ui/_common_/common.ts b/packages/frontend/src/ui/_common_/common.ts index d07232bfc8a1819613b15b3130a5c98eeefd7a67..82a1c28a7d23666f1833a4445b2232d9e6882567 100644 --- a/packages/frontend/src/ui/_common_/common.ts +++ b/packages/frontend/src/ui/_common_/common.ts @@ -26,17 +26,17 @@ function toolsMenuItems(): MenuItem[] { type: 'link', to: '/clicker', text: 'ðŸªðŸ‘ˆ', - icon: 'ph-cookie ph-bold pg-lg', + icon: 'ph-cookie ph-bold ph-lg', }, ($i && ($i.isAdmin || $i.policies.canManageCustomEmojis)) ? { type: 'link', to: '/custom-emojis-manager', text: i18n.ts.manageCustomEmojis, - icon: 'ph-smiley ph-bold pg-lg', + icon: 'ph-smiley ph-bold ph-lg', } : undefined, ($i && ($i.isAdmin || $i.policies.canManageAvatarDecorations)) ? { type: 'link', to: '/admin/avatar-decorations', text: i18n.ts.manageAvatarDecorations, - icon: 'ph-sparkle ph-bold pg-lg', + icon: 'ph-sparkle ph-bold ph-lg', } : undefined]; } @@ -52,7 +52,7 @@ export function openInstanceMenu(ev: MouseEvent) { }, { type: 'link', text: i18n.ts.customEmojis, - icon: 'ph-smiley ph-bold pg-lg', + icon: 'ph-smiley ph-bold ph-lg', to: '/about#emojis', }, { type: 'link', @@ -62,7 +62,7 @@ export function openInstanceMenu(ev: MouseEvent) { }, { type: 'link', text: i18n.ts.charts, - icon: 'ph-chart-line ph-bold pg-lg', + icon: 'ph-chart-line ph-bold ph-lg', to: '/about#charts', }, null, { type: 'link', @@ -81,19 +81,19 @@ export function openInstanceMenu(ev: MouseEvent) { children: toolsMenuItems(), }, null, (instance.impressumUrl) ? { text: i18n.ts.impressum, - icon: 'ph-newspaper-clipping ph-bold pg-lg', + icon: 'ph-newspaper-clipping ph-bold ph-lg', action: () => { window.open(instance.impressumUrl, '_blank'); }, } : undefined, (instance.tosUrl) ? { text: i18n.ts.termsOfService, - icon: 'ph-notebook ph-bold pg-lg', + icon: 'ph-notebook ph-bold ph-lg', action: () => { window.open(instance.tosUrl, '_blank'); }, } : undefined, (instance.privacyPolicyUrl) ? { text: i18n.ts.privacyPolicy, - icon: 'ph-shield ph-bold pg-lg', + icon: 'ph-shield ph-bold ph-lg', action: () => { window.open(instance.privacyPolicyUrl, '_blank'); }, diff --git a/packages/frontend/src/ui/_common_/navbar-for-mobile.vue b/packages/frontend/src/ui/_common_/navbar-for-mobile.vue index 4c46fd794ff1ec9d03f40d0e9c3ae57ece99c45d..346e5976ba839634924275012d291f77d398a055 100644 --- a/packages/frontend/src/ui/_common_/navbar-for-mobile.vue +++ b/packages/frontend/src/ui/_common_/navbar-for-mobile.vue @@ -27,14 +27,14 @@ SPDX-License-Identifier: AGPL-3.0-only </template> <div :class="$style.divider"></div> <MkA v-if="$i.isAdmin || $i.isModerator" :class="$style.item" :activeClass="$style.active" to="/admin"> - <i :class="$style.itemIcon" class="ph-gauge ph-bold pg-lg ti-fw"></i><span :class="$style.itemText">{{ i18n.ts.controlPanel }}</span> + <i :class="$style.itemIcon" class="ph-gauge ph-bold ph-lg ti-fw"></i><span :class="$style.itemText">{{ i18n.ts.controlPanel }}</span> </MkA> <button :class="$style.item" class="_button" @click="more"> <i :class="$style.itemIcon" class="ph-dots-nine ph-bold ph-lg ti-fw"></i><span :class="$style.itemText">{{ i18n.ts.more }}</span> <span v-if="otherMenuItemIndicated" :class="$style.itemIndicator"><i class="_indicatorCircle"></i></span> </button> <MkA :class="$style.item" :activeClass="$style.active" to="/settings"> - <i :class="$style.itemIcon" class="ph-gear ph-bold pg-lg ti-fw"></i><span :class="$style.itemText">{{ i18n.ts.settings }}</span> + <i :class="$style.itemIcon" class="ph-gear ph-bold ph-lg ti-fw"></i><span :class="$style.itemText">{{ i18n.ts.settings }}</span> </MkA> </div> <div :class="$style.bottom"> diff --git a/packages/frontend/src/ui/_common_/navbar.vue b/packages/frontend/src/ui/_common_/navbar.vue index e8a1aa4f14c313596010b342ecb918ea78b41215..9945e8c8478e03c1926c3120c0497986f8204bdd 100644 --- a/packages/frontend/src/ui/_common_/navbar.vue +++ b/packages/frontend/src/ui/_common_/navbar.vue @@ -37,14 +37,14 @@ SPDX-License-Identifier: AGPL-3.0-only </template> <div :class="$style.divider"></div> <MkA v-if="$i.isAdmin || $i.isModerator" v-tooltip.noDelay.right="i18n.ts.controlPanel" :class="$style.item" :activeClass="$style.active" to="/admin"> - <i :class="$style.itemIcon" class="ph-gauge ph-bold pg-lg ti-fw"></i><span :class="$style.itemText">{{ i18n.ts.controlPanel }}</span> + <i :class="$style.itemIcon" class="ph-gauge ph-bold ph-lg ti-fw"></i><span :class="$style.itemText">{{ i18n.ts.controlPanel }}</span> </MkA> <button class="_button" :class="$style.item" @click="more"> <i :class="$style.itemIcon" class="ph-dots-nine ph-bold ph-lg ti-fw"></i><span :class="$style.itemText">{{ i18n.ts.more }}</span> <span v-if="otherMenuItemIndicated" :class="$style.itemIndicator"><i class="_indicatorCircle"></i></span> </button> <MkA v-tooltip.noDelay.right="i18n.ts.settings" :class="$style.item" :activeClass="$style.active" to="/settings"> - <i :class="$style.itemIcon" class="ph-gear ph-bold pg-lg ti-fw"></i><span :class="$style.itemText">{{ i18n.ts.settings }}</span> + <i :class="$style.itemIcon" class="ph-gear ph-bold ph-lg ti-fw"></i><span :class="$style.itemText">{{ i18n.ts.settings }}</span> </MkA> </div> <div :class="$style.bottom"> diff --git a/packages/frontend/src/ui/classic.header.vue b/packages/frontend/src/ui/classic.header.vue index 79909d4ae91923b208609002c8f114681d06fe4b..bed1b6728fff4c7a5c94ee1e78a0f6d6e15a768f 100644 --- a/packages/frontend/src/ui/classic.header.vue +++ b/packages/frontend/src/ui/classic.header.vue @@ -22,7 +22,7 @@ SPDX-License-Identifier: AGPL-3.0-only </template> <div class="divider"></div> <MkA v-if="$i.isAdmin || $i.isModerator" v-click-anime v-tooltip="i18n.ts.controlPanel" class="item" activeClass="active" to="/admin" :behavior="settingsWindowed ? 'window' : null"> - <i class="ph-gauge ph-bold pg-lg ti-fw"></i> + <i class="ph-gauge ph-bold ph-lg ti-fw"></i> </MkA> <button v-click-anime class="item _button" @click="more"> <i class="ph-dots-three ph-bold ph-lg ti-fw"></i> @@ -31,7 +31,7 @@ SPDX-License-Identifier: AGPL-3.0-only </div> <div class="right"> <MkA v-click-anime v-tooltip="i18n.ts.settings" class="item" activeClass="active" to="/settings" :behavior="settingsWindowed ? 'window' : null"> - <i class="ph-gear ph-bold pg-lg ti-fw"></i> + <i class="ph-gear ph-bold ph-lg ti-fw"></i> </MkA> <button v-click-anime class="item _button account" @click="openAccountMenu"> <MkAvatar :user="$i" class="avatar"/><MkAcct class="acct" :user="$i"/> diff --git a/packages/frontend/src/ui/classic.sidebar.vue b/packages/frontend/src/ui/classic.sidebar.vue index 3a4c8501ce22361b863e3720facecef99b8a2f81..46403ae3d1166e81f543b965cae1859da02c0583 100644 --- a/packages/frontend/src/ui/classic.sidebar.vue +++ b/packages/frontend/src/ui/classic.sidebar.vue @@ -29,14 +29,14 @@ SPDX-License-Identifier: AGPL-3.0-only </template> <div class="divider"></div> <MkA v-if="$i.isAdmin || $i.isModerator" v-click-anime class="item" activeClass="active" to="/admin" :behavior="settingsWindowed ? 'window' : null"> - <i class="ph-gauge ph-bold pg-lg ti-fw"></i><span class="text">{{ i18n.ts.controlPanel }}</span> + <i class="ph-gauge ph-bold ph-lg ti-fw"></i><span class="text">{{ i18n.ts.controlPanel }}</span> </MkA> <button v-click-anime class="item _button" @click="more"> <i class="ph-dots-three ph-bold ph-lg ti-fw"></i><span class="text">{{ i18n.ts.more }}</span> <span v-if="otherNavItemIndicated" class="indicator"><i class="_indicatorCircle"></i></span> </button> <MkA v-click-anime class="item" activeClass="active" to="/settings" :behavior="settingsWindowed ? 'window' : null"> - <i class="ph-gear ph-bold pg-lg ti-fw"></i><span class="text">{{ i18n.ts.settings }}</span> + <i class="ph-gear ph-bold ph-lg ti-fw"></i><span class="text">{{ i18n.ts.settings }}</span> </MkA> <div class="divider"></div> <div class="about"> diff --git a/packages/frontend/src/ui/deck.vue b/packages/frontend/src/ui/deck.vue index 40595ed039536403db3976d188a07632b4575e90..7df272d102802d158f9ee8dfc8592f97c2c6ce51 100644 --- a/packages/frontend/src/ui/deck.vue +++ b/packages/frontend/src/ui/deck.vue @@ -43,7 +43,7 @@ SPDX-License-Identifier: AGPL-3.0-only <button v-tooltip.noDelay.left="i18n.ts._deck.addColumn" :class="$style.sideMenuButton" class="_button" @click="addColumn"><i class="ph-plus ph-bold ph-lg"></i></button> </div> <div :class="$style.sideMenuBottom"> - <button v-tooltip.noDelay.left="i18n.ts.settings" :class="$style.sideMenuButton" class="_button" @click="showSettings"><i class="ph-gear ph-bold pg-lg"></i></button> + <button v-tooltip.noDelay.left="i18n.ts.settings" :class="$style.sideMenuButton" class="_button" @click="showSettings"><i class="ph-gear ph-bold ph-lg"></i></button> </div> </div> </div> @@ -53,12 +53,12 @@ SPDX-License-Identifier: AGPL-3.0-only <button :class="$style.navButton" class="_button" @click="drawerMenuShowing = true"><i :class="$style.navButtonIcon" class="ph-list ph-bold ph-lg-2"></i><span v-if="menuIndicated" :class="$style.navButtonIndicator"><i class="_indicatorCircle"></i></span></button> <button :class="$style.navButton" class="_button" @click="mainRouter.push('/')"><i :class="$style.navButtonIcon" class="ph-house ph-bold ph-lg"></i></button> <button :class="$style.navButton" class="_button" @click="mainRouter.push('/my/notifications')"> - <i :class="$style.navButtonIcon" class="ph-bell ph-bold pg-lg"></i> + <i :class="$style.navButtonIcon" class="ph-bell ph-bold ph-lg"></i> <span v-if="$i?.hasUnreadNotification" :class="$style.navButtonIndicator"> <span class="_indicateCounter" :class="$style.itemIndicateValueIcon">{{ $i.unreadNotificationsCount > 99 ? '99+' : $i.unreadNotificationsCount }}</span> </span> </button> - <button :class="$style.postButton" class="_button" @click="os.post()"><i :class="$style.navButtonIcon" class="ph-pencil ph-bold pg-lg"></i></button> + <button :class="$style.postButton" class="_button" @click="os.post()"><i :class="$style.navButtonIcon" class="ph-pencil ph-bold ph-lg"></i></button> </div> <Transition diff --git a/packages/frontend/src/ui/deck/antenna-column.vue b/packages/frontend/src/ui/deck/antenna-column.vue index 53ae113ffa84c3f1949d60ee7f946ae0b09c6fd4..d2664fdb3cc375f92c5be1b84dbebf77abe34bc2 100644 --- a/packages/frontend/src/ui/deck/antenna-column.vue +++ b/packages/frontend/src/ui/deck/antenna-column.vue @@ -6,7 +6,7 @@ SPDX-License-Identifier: AGPL-3.0-only <template> <XColumn :menu="menu" :column="column" :isStacked="isStacked"> <template #header> - <i class="ph-flying-saucer ph-bold pg-lg"></i><span style="margin-left: 8px;">{{ column.name }}</span> + <i class="ph-flying-saucer ph-bold ph-lg"></i><span style="margin-left: 8px;">{{ column.name }}</span> </template> <MkTimeline v-if="column.antennaId" ref="timeline" src="antenna" :antenna="column.antennaId"/> @@ -60,7 +60,7 @@ const menu = [ action: setAntenna, }, { - icon: 'ph-gear ph-bold pg-lg', + icon: 'ph-gear ph-bold ph-lg', text: i18n.ts.editAntenna, action: editAntenna, }, diff --git a/packages/frontend/src/ui/deck/column.vue b/packages/frontend/src/ui/deck/column.vue index 7780c988deb67aa3f7519fbab3973742e0c682db..6a841b07413ecbc9697d883150deea4d9c02fcc2 100644 --- a/packages/frontend/src/ui/deck/column.vue +++ b/packages/frontend/src/ui/deck/column.vue @@ -104,7 +104,7 @@ function toggleActive() { function getMenu() { let items = [{ - icon: 'ph-gear ph-bold pg-lg', + icon: 'ph-gear ph-bold ph-lg', text: i18n.ts._deck.configureColumn, action: async () => { const { canceled, result } = await os.form(props.column.name, { @@ -133,13 +133,13 @@ function getMenu() { text: i18n.ts.move + '...', icon: 'ph-arrows-out-cardinal ph-bold ph-lg', children: [{ - icon: 'ph-arrow-left ph-bold pg-lg', + icon: 'ph-arrow-left ph-bold ph-lg', text: i18n.ts._deck.swapLeft, action: () => { swapLeftColumn(props.column.id); }, }, { - icon: 'ph-arrow-right ph-bold pg-lg', + icon: 'ph-arrow-right ph-bold ph-lg', text: i18n.ts._deck.swapRight, action: () => { swapRightColumn(props.column.id); diff --git a/packages/frontend/src/ui/deck/list-column.vue b/packages/frontend/src/ui/deck/list-column.vue index 4904e7e49779277e8deaa041ba984b504804e360..cf28bf654cea9fafe67c822a8559f3d6e11ef2c9 100644 --- a/packages/frontend/src/ui/deck/list-column.vue +++ b/packages/frontend/src/ui/deck/list-column.vue @@ -6,7 +6,7 @@ SPDX-License-Identifier: AGPL-3.0-only <template> <XColumn :menu="menu" :column="column" :isStacked="isStacked"> <template #header> - <i class="ph-list ph-bold pg-lg"></i><span style="margin-left: 8px;">{{ column.name }}</span> + <i class="ph-list ph-bold ph-lg"></i><span style="margin-left: 8px;">{{ column.name }}</span> </template> <MkTimeline v-if="column.listId" ref="timeline" src="list" :list="column.listId" :withRenotes="withRenotes"/> @@ -65,7 +65,7 @@ const menu = [ action: setList, }, { - icon: 'ph-gear ph-bold pg-lg', + icon: 'ph-gear ph-bold ph-lg', text: i18n.ts.editList, action: editList, }, diff --git a/packages/frontend/src/ui/deck/notifications-column.vue b/packages/frontend/src/ui/deck/notifications-column.vue index 8e0afa628bce10af9f2fbce69745157643cc5e81..db75a0a70fe65144510003e49b43042b09b50812 100644 --- a/packages/frontend/src/ui/deck/notifications-column.vue +++ b/packages/frontend/src/ui/deck/notifications-column.vue @@ -5,7 +5,7 @@ SPDX-License-Identifier: AGPL-3.0-only <template> <XColumn :column="column" :isStacked="isStacked" :menu="menu"> - <template #header><i class="ph-bell ph-bold pg-lg" style="margin-right: 8px;"></i>{{ column.name }}</template> + <template #header><i class="ph-bell ph-bold ph-lg" style="margin-right: 8px;"></i>{{ column.name }}</template> <XNotifications :excludeTypes="props.column.excludeTypes"/> </XColumn> diff --git a/packages/frontend/src/ui/deck/role-timeline-column.vue b/packages/frontend/src/ui/deck/role-timeline-column.vue index 9e3d65e2e590cd778a69f41edf6e6b5979efaeae..9c45f6ba5cd49654c84d1e8182edd752c50fe837 100644 --- a/packages/frontend/src/ui/deck/role-timeline-column.vue +++ b/packages/frontend/src/ui/deck/role-timeline-column.vue @@ -6,7 +6,7 @@ SPDX-License-Identifier: AGPL-3.0-only <template> <XColumn :menu="menu" :column="column" :isStacked="isStacked"> <template #header> - <i class="ph-seal-check ph-bold pg-lg"></i><span style="margin-left: 8px;">{{ column.name }}</span> + <i class="ph-seal-check ph-bold ph-lg"></i><span style="margin-left: 8px;">{{ column.name }}</span> </template> <MkTimeline v-if="column.roleId" ref="timeline" src="role" :role="column.roleId"/> diff --git a/packages/frontend/src/ui/deck/tl-column.vue b/packages/frontend/src/ui/deck/tl-column.vue index 9936d703be76f2f797150186b9a6dc82f422395c..0b87be33830d65925e462a47fce3b74304631574 100644 --- a/packages/frontend/src/ui/deck/tl-column.vue +++ b/packages/frontend/src/ui/deck/tl-column.vue @@ -7,8 +7,8 @@ SPDX-License-Identifier: AGPL-3.0-only <XColumn :menu="menu" :column="column" :isStacked="isStacked"> <template #header> <i v-if="column.tl === 'home'" class="ph-house ph-bold ph-lg"></i> - <i v-else-if="column.tl === 'local'" class="ph-planet ph-bold pg-lg"></i> - <i v-else-if="column.tl === 'social'" class="ph-rocket-launch ph-bold pg-lg"></i> + <i v-else-if="column.tl === 'local'" class="ph-planet ph-bold ph-lg"></i> + <i v-else-if="column.tl === 'social'" class="ph-rocket-launch ph-bold ph-lg"></i> <i v-else-if="column.tl === 'global'" class="ph-globe-hemisphere-west ph-bold ph-lg"></i> <span style="margin-left: 8px;">{{ column.name }}</span> </template> diff --git a/packages/frontend/src/ui/deck/widgets-column.vue b/packages/frontend/src/ui/deck/widgets-column.vue index 736fb7d235135e1cfdba764a1936cd02b4729e12..52d0c2a825b777c4338bd2c382bb2b8713fed096 100644 --- a/packages/frontend/src/ui/deck/widgets-column.vue +++ b/packages/frontend/src/ui/deck/widgets-column.vue @@ -5,7 +5,7 @@ SPDX-License-Identifier: AGPL-3.0-only <template> <XColumn :menu="menu" :naked="true" :column="column" :isStacked="isStacked"> - <template #header><i class="ph-squares-four ph-bold pg-lg" style="margin-right: 8px;"></i>{{ column.name }}</template> + <template #header><i class="ph-squares-four ph-bold ph-lg" style="margin-right: 8px;"></i>{{ column.name }}</template> <div :class="$style.root"> <div v-if="!(column.widgets && column.widgets.length > 0) && !edit" :class="$style.intro">{{ i18n.ts._deck.widgetsIntroduction }}</div> diff --git a/packages/frontend/src/ui/universal.vue b/packages/frontend/src/ui/universal.vue index 0bbafb0e2d87223bfdc576ed4339a43daf95fb49..da0469a2370c37ed03b0fea884f41df2ed6925e6 100644 --- a/packages/frontend/src/ui/universal.vue +++ b/packages/frontend/src/ui/universal.vue @@ -22,19 +22,19 @@ SPDX-License-Identifier: AGPL-3.0-only <XWidgets/> </div> - <button v-if="!isDesktop && !isMobile" :class="$style.widgetButton" class="_button" @click="widgetsShowing = true"><i class="ph-squares-four ph-bold pg-lg"></i></button> + <button v-if="!isDesktop && !isMobile" :class="$style.widgetButton" class="_button" @click="widgetsShowing = true"><i class="ph-squares-four ph-bold ph-lg"></i></button> <div v-if="isMobile" ref="navFooter" :class="$style.nav"> <button :class="$style.navButton" class="_button" @click="drawerMenuShowing = true"><i :class="$style.navButtonIcon" class="ph-list ph-bold ph-lg-2"></i><span v-if="menuIndicated" :class="$style.navButtonIndicator"><i class="_indicatorCircle"></i></span></button> <button :class="$style.navButton" class="_button" @click="mainRouter.currentRoute.value.name === 'index' ? top() : mainRouter.push('/')"><i :class="$style.navButtonIcon" class="ph-house ph-bold ph-lg"></i></button> <button :class="$style.navButton" class="_button" @click="mainRouter.push('/my/notifications')"> - <i :class="$style.navButtonIcon" class="ph-bell ph-bold pg-lg"></i> + <i :class="$style.navButtonIcon" class="ph-bell ph-bold ph-lg"></i> <span v-if="$i?.hasUnreadNotification" :class="$style.navButtonIndicator"> <span class="_indicateCounter" :class="$style.itemIndicateValueIcon">{{ $i.unreadNotificationsCount > 99 ? '99+' : $i.unreadNotificationsCount }}</span> </span> </button> - <button :class="$style.navButton" class="_button" @click="widgetsShowing = true"><i :class="$style.navButtonIcon" class="ph-squares-four ph-bold pg-lg"></i></button> - <button :class="$style.postButton" class="_button" @click="os.post()"><i :class="$style.navButtonIcon" class="ph-pencil ph-bold pg-lg"></i></button> + <button :class="$style.navButton" class="_button" @click="widgetsShowing = true"><i :class="$style.navButtonIcon" class="ph-squares-four ph-bold ph-lg"></i></button> + <button :class="$style.postButton" class="_button" @click="os.post()"><i :class="$style.navButtonIcon" class="ph-pencil ph-bold ph-lg"></i></button> </div> <Transition diff --git a/packages/frontend/src/ui/visitor.vue b/packages/frontend/src/ui/visitor.vue index 8cc6131dbed142e9de80504ab17df95d30d9f02d..8d795e6dcb3fe06ba713ee3c5c1ad91348c33770 100644 --- a/packages/frontend/src/ui/visitor.vue +++ b/packages/frontend/src/ui/visitor.vue @@ -54,8 +54,8 @@ SPDX-License-Identifier: AGPL-3.0-only <MkA to="/channels" class="link" activeClass="active"><i class="ph-television ph-bold ph-lg icon"></i>{{ i18n.ts.channel }}</MkA> <div class="divider"></div> <MkA to="/pages" class="link" activeClass="active"><i class="ph-newspaper ph-bold ph-lg icon"></i>{{ i18n.ts.pages }}</MkA> - <MkA to="/play" class="link" activeClass="active"><i class="ph-play ph-bold pg-lg icon"></i>Play</MkA> - <MkA to="/gallery" class="link" activeClass="active"><i class="ph-images-square ph-bold pg-lgs icon"></i>{{ i18n.ts.gallery }}</MkA> + <MkA to="/play" class="link" activeClass="active"><i class="ph-play ph-bold ph-lg icon"></i>Play</MkA> + <MkA to="/gallery" class="link" activeClass="active"><i class="ph-images-square ph-bold ph-lgs icon"></i>{{ i18n.ts.gallery }}</MkA> <div class="action"> <button class="_buttonPrimary" @click="signup()">{{ i18n.ts.signup }}</button> <button class="_button" @click="signin()">{{ i18n.ts.login }}</button> diff --git a/packages/frontend/src/widgets/WidgetActivity.vue b/packages/frontend/src/widgets/WidgetActivity.vue index 1590f17990709c85bd2e0d7739eb8ef6e2ee2c76..788a9f2c7b16145be64424261dee4e39a5e97589 100644 --- a/packages/frontend/src/widgets/WidgetActivity.vue +++ b/packages/frontend/src/widgets/WidgetActivity.vue @@ -5,7 +5,7 @@ SPDX-License-Identifier: AGPL-3.0-only <template> <MkContainer :showHeader="widgetProps.showHeader" :naked="widgetProps.transparent" data-cy-mkw-activity class="mkw-activity"> - <template #icon><i class="ph-chart-line ph-bold pg-lg"></i></template> + <template #icon><i class="ph-chart-line ph-bold ph-lg"></i></template> <template #header>{{ i18n.ts._widgets.activity }}</template> <template #func="{ buttonStyleClass }"><button class="_button" :class="buttonStyleClass" @click="toggleView()"><i class="ph-caret-up-down ph-bold ph-lg"></i></button></template> diff --git a/packages/frontend/src/widgets/WidgetClicker.vue b/packages/frontend/src/widgets/WidgetClicker.vue index 61616783e42d34bcb8192ce442ea60a82450ca2c..2b3b3911654e541dc2639201bb16728d2813ae73 100644 --- a/packages/frontend/src/widgets/WidgetClicker.vue +++ b/packages/frontend/src/widgets/WidgetClicker.vue @@ -5,7 +5,7 @@ SPDX-License-Identifier: AGPL-3.0-only <template> <MkContainer :showHeader="widgetProps.showHeader" class="mkw-clicker"> - <template #icon><i class="ph-cookie ph-bold pg-lg"></i></template> + <template #icon><i class="ph-cookie ph-bold ph-lg"></i></template> <template #header>Clicker</template> <MkClickerGame/> </MkContainer> diff --git a/packages/frontend/src/widgets/WidgetNotifications.vue b/packages/frontend/src/widgets/WidgetNotifications.vue index fc246b12688ae22365c816af582d836a2cd04a6f..6e38b8308c934db0a2e17d114cd1e22390b46a45 100644 --- a/packages/frontend/src/widgets/WidgetNotifications.vue +++ b/packages/frontend/src/widgets/WidgetNotifications.vue @@ -5,9 +5,9 @@ SPDX-License-Identifier: AGPL-3.0-only <template> <MkContainer :style="`height: ${widgetProps.height}px;`" :showHeader="widgetProps.showHeader" :scrollable="true" data-cy-mkw-notifications class="mkw-notifications"> - <template #icon><i class="ph-bell ph-bold pg-lg"></i></template> + <template #icon><i class="ph-bell ph-bold ph-lg"></i></template> <template #header>{{ i18n.ts.notifications }}</template> - <template #func="{ buttonStyleClass }"><button class="_button" :class="buttonStyleClass" @click="configureNotification()"><i class="ph-gear ph-bold pg-lg"></i></button></template> + <template #func="{ buttonStyleClass }"><button class="_button" :class="buttonStyleClass" @click="configureNotification()"><i class="ph-gear ph-bold ph-lg"></i></button></template> <div> <XNotifications :excludeTypes="widgetProps.excludeTypes"/> diff --git a/packages/frontend/src/widgets/WidgetRss.vue b/packages/frontend/src/widgets/WidgetRss.vue index 02d7290085a42255f484c90c3310a4ba8f270c9f..1ada9f4be8dec5c70bce45846e6fe03341811e62 100644 --- a/packages/frontend/src/widgets/WidgetRss.vue +++ b/packages/frontend/src/widgets/WidgetRss.vue @@ -7,7 +7,7 @@ SPDX-License-Identifier: AGPL-3.0-only <MkContainer :showHeader="widgetProps.showHeader" data-cy-mkw-rss class="mkw-rss"> <template #icon><i class="ph-rss ph-bold ph-lg"></i></template> <template #header>RSS</template> - <template #func="{ buttonStyleClass }"><button class="_button" :class="buttonStyleClass" @click="configure"><i class="ph-gear ph-bold pg-lg"></i></button></template> + <template #func="{ buttonStyleClass }"><button class="_button" :class="buttonStyleClass" @click="configure"><i class="ph-gear ph-bold ph-lg"></i></button></template> <div class="ekmkgxbj"> <MkLoading v-if="fetching"/> diff --git a/packages/frontend/src/widgets/WidgetRssTicker.vue b/packages/frontend/src/widgets/WidgetRssTicker.vue index 7e361c2d2e8909f243d412166386efa627ec93a5..790f94f7c30bd3e32adcf53aed25051c1993b71d 100644 --- a/packages/frontend/src/widgets/WidgetRssTicker.vue +++ b/packages/frontend/src/widgets/WidgetRssTicker.vue @@ -7,7 +7,7 @@ SPDX-License-Identifier: AGPL-3.0-only <MkContainer :naked="widgetProps.transparent" :showHeader="widgetProps.showHeader" class="mkw-rss-ticker"> <template #icon><i class="ph-rss ph-bold ph-lg"></i></template> <template #header>RSS</template> - <template #func="{ buttonStyleClass }"><button class="_button" :class="buttonStyleClass" @click="configure"><i class="ph-gear ph-bold pg-lg"></i></button></template> + <template #func="{ buttonStyleClass }"><button class="_button" :class="buttonStyleClass" @click="configure"><i class="ph-gear ph-bold ph-lg"></i></button></template> <div :class="$style.feed"> <div v-if="fetching" :class="$style.loading"> diff --git a/packages/frontend/src/widgets/WidgetTimeline.vue b/packages/frontend/src/widgets/WidgetTimeline.vue index 209a426f7602ea78fe0f62fc161f5b87428173ac..52b7068209d767d18bc2c60cd3d569226a8bb658 100644 --- a/packages/frontend/src/widgets/WidgetTimeline.vue +++ b/packages/frontend/src/widgets/WidgetTimeline.vue @@ -7,11 +7,11 @@ SPDX-License-Identifier: AGPL-3.0-only <MkContainer :showHeader="widgetProps.showHeader" :style="`height: ${widgetProps.height}px;`" :scrollable="true" data-cy-mkw-timeline class="mkw-timeline"> <template #icon> <i v-if="widgetProps.src === 'home'" class="ph-house ph-bold ph-lg"></i> - <i v-else-if="widgetProps.src === 'local'" class="ph-planet ph-bold pg-lg"></i> - <i v-else-if="widgetProps.src === 'social'" class="ph-rocket-launch ph-bold pg-lg"></i> + <i v-else-if="widgetProps.src === 'local'" class="ph-planet ph-bold ph-lg"></i> + <i v-else-if="widgetProps.src === 'social'" class="ph-rocket-launch ph-bold ph-lg"></i> <i v-else-if="widgetProps.src === 'global'" class="ph-globe-hemisphere-west ph-bold ph-lg"></i> - <i v-else-if="widgetProps.src === 'list'" class="ph-list ph-bold pg-lg"></i> - <i v-else-if="widgetProps.src === 'antenna'" class="ph-flying-saucer ph-bold pg-lg"></i> + <i v-else-if="widgetProps.src === 'list'" class="ph-list ph-bold ph-lg"></i> + <i v-else-if="widgetProps.src === 'antenna'" class="ph-flying-saucer ph-bold ph-lg"></i> </template> <template #header> <button class="_button" @click="choose"> @@ -100,7 +100,7 @@ const choose = async (ev) => { ]); const antennaItems = antennas.map(antenna => ({ text: antenna.name, - icon: 'ph-flying-saucer ph-bold pg-lg', + icon: 'ph-flying-saucer ph-bold ph-lg', action: () => { widgetProps.antenna = antenna; setSrc('antenna'); @@ -108,7 +108,7 @@ const choose = async (ev) => { })); const listItems = lists.map(list => ({ text: list.name, - icon: 'ph-list ph-bold pg-lg', + icon: 'ph-list ph-bold ph-lg', action: () => { widgetProps.list = list; setSrc('list'); @@ -120,11 +120,11 @@ const choose = async (ev) => { action: () => { setSrc('home'); }, }, { text: i18n.ts._timelines.local, - icon: 'ph-planet ph-bold pg-lg', + icon: 'ph-planet ph-bold ph-lg', action: () => { setSrc('local'); }, }, { text: i18n.ts._timelines.social, - icon: 'ph-rocket-launch ph-bold pg-lg', + icon: 'ph-rocket-launch ph-bold ph-lg', action: () => { setSrc('social'); }, }, { text: i18n.ts._timelines.global, diff --git a/packages/frontend/src/widgets/WidgetUserList.vue b/packages/frontend/src/widgets/WidgetUserList.vue index 9c76109094d005e5e5f47547b4bfdd74172bc544..159318c2caac098e7059b622a51cb86cc1a662ed 100644 --- a/packages/frontend/src/widgets/WidgetUserList.vue +++ b/packages/frontend/src/widgets/WidgetUserList.vue @@ -5,9 +5,9 @@ SPDX-License-Identifier: AGPL-3.0-only <template> <MkContainer :showHeader="widgetProps.showHeader" class="mkw-userList"> - <template #icon><i class="ph-users ph-bold pg-lg"></i></template> + <template #icon><i class="ph-users ph-bold ph-lg"></i></template> <template #header>{{ list ? list.name : i18n.ts._widgets.userList }}</template> - <template #func="{ buttonStyleClass }"><button class="_button" :class="buttonStyleClass" @click="configure()"><i class="ph-gear ph-bold pg-lg"></i></button></template> + <template #func="{ buttonStyleClass }"><button class="_button" :class="buttonStyleClass" @click="configure()"><i class="ph-gear ph-bold ph-lg"></i></button></template> <div :class="$style.root"> <div v-if="widgetProps.listId == null" class="init"> diff --git a/packages/frontend/src/widgets/server-metric/disk.vue b/packages/frontend/src/widgets/server-metric/disk.vue index 2ef927217979a8f6a470bafbf3ac74bd9d4202a7..b9774da0cf8dbf87c136480ae1ddeec32b247506 100644 --- a/packages/frontend/src/widgets/server-metric/disk.vue +++ b/packages/frontend/src/widgets/server-metric/disk.vue @@ -7,7 +7,7 @@ SPDX-License-Identifier: AGPL-3.0-only <div class="zbwaqsat"> <XPie class="pie" :value="usage"/> <div> - <p><i class="ph-database ph-bold pg-lg"></i>Disk</p> + <p><i class="ph-database ph-bold ph-lg"></i>Disk</p> <p>Total: {{ bytes(total, 1) }}</p> <p>Free: {{ bytes(available, 1) }}</p> <p>Used: {{ bytes(used, 1) }}</p>