diff options
Diffstat (limited to 'packages/client/src')
22 files changed, 27 insertions, 44 deletions
diff --git a/packages/client/src/components/MkEmojiPicker.vue b/packages/client/src/components/MkEmojiPicker.vue index a85ba2b9be..3c0e7da7c9 100644 --- a/packages/client/src/components/MkEmojiPicker.vue +++ b/packages/client/src/components/MkEmojiPicker.vue @@ -69,9 +69,9 @@ </div> </div> <div class="tabs"> - <button class="_button tab" :class="{ active: tab === 'index' }" @click="tab = 'index'"><i class="fas fa-asterisk ti-fw"></i></button> + <button class="_button tab" :class="{ active: tab === 'index' }" @click="tab = 'index'"><i class="ti ti-asterisk ti-fw"></i></button> <button class="_button tab" :class="{ active: tab === 'custom' }" @click="tab = 'custom'"><i class="ti ti-mood-happy ti-fw"></i></button> - <button class="_button tab" :class="{ active: tab === 'unicode' }" @click="tab = 'unicode'"><i class="fas fa-leaf ti-fw"></i></button> + <button class="_button tab" :class="{ active: tab === 'unicode' }" @click="tab = 'unicode'"><i class="ti ti-leaf ti-fw"></i></button> <button class="_button tab" :class="{ active: tab === 'tags' }" @click="tab = 'tags'"><i class="ti ti-hash ti-fw"></i></button> </div> </div> diff --git a/packages/client/src/components/MkFileTypeIcon.vue b/packages/client/src/components/MkFileTypeIcon.vue deleted file mode 100644 index 11d28188cc..0000000000 --- a/packages/client/src/components/MkFileTypeIcon.vue +++ /dev/null @@ -1,15 +0,0 @@ -<template> -<span class="mk-file-type-icon"> - <template v-if="kind == 'image'"><i class="fas fa-file-image"></i></template> -</span> -</template> - -<script lang="ts" setup> -import { computed } from 'vue'; - -const props = defineProps<{ - type: string; -}>(); - -const kind = computed(() => props.type.split('/')[0]); -</script> diff --git a/packages/client/src/components/MkNote.vue b/packages/client/src/components/MkNote.vue index da51d14f03..1feb161ada 100644 --- a/packages/client/src/components/MkNote.vue +++ b/packages/client/src/components/MkNote.vue @@ -73,8 +73,7 @@ <footer class="footer"> <XReactionsViewer ref="reactionsViewer" :note="appearNote"/> <button class="button _button" @click="reply()"> - <template v-if="appearNote.reply"><i class="ti ti-arrow-back-up-all"></i></template> - <template v-else><i class="ti ti-arrow-back-up"></i></template> + <i class="ti ti-arrow-back-up"></i> <p v-if="appearNote.repliesCount > 0" class="count">{{ appearNote.repliesCount }}</p> </button> <XRenoteButton ref="renoteButton" class="button" :note="appearNote" :count="appearNote.renoteCount"/> diff --git a/packages/client/src/components/MkNoteDetailed.vue b/packages/client/src/components/MkNoteDetailed.vue index 19e895e11d..8269906bb0 100644 --- a/packages/client/src/components/MkNoteDetailed.vue +++ b/packages/client/src/components/MkNoteDetailed.vue @@ -83,8 +83,7 @@ </div> <XReactionsViewer ref="reactionsViewer" :note="appearNote"/> <button class="button _button" @click="reply()"> - <template v-if="appearNote.reply"><i class="ti ti-arrow-back-up-all"></i></template> - <template v-else><i class="ti ti-arrow-back-up"></i></template> + <i class="ti ti-arrow-back-up"></i> <p v-if="appearNote.repliesCount > 0" class="count">{{ appearNote.repliesCount }}</p> </button> <XRenoteButton ref="renoteButton" class="button" :note="appearNote" :count="appearNote.renoteCount"/> diff --git a/packages/client/src/components/MkPostForm.vue b/packages/client/src/components/MkPostForm.vue index 26ce4464bc..a6215038f7 100644 --- a/packages/client/src/components/MkPostForm.vue +++ b/packages/client/src/components/MkPostForm.vue @@ -21,7 +21,7 @@ <span v-if="visibility === 'followers'"><i class="ti ti-lock-open"></i></span> <span v-if="visibility === 'specified'"><i class="ti ti-mail"></i></span> </button> - <button v-tooltip="i18n.ts.previewNoteText" class="_button preview" :class="{ active: showPreview }" @click="showPreview = !showPreview"><i class="fas fa-file-code"></i></button> + <button v-tooltip="i18n.ts.previewNoteText" class="_button preview" :class="{ active: showPreview }" @click="showPreview = !showPreview"><i class="ti ti-eye"></i></button> <button class="submit _buttonGradate" :disabled="!canPost" data-cy-open-post-form-submit @click="post">{{ submitText }}<i :class="reply ? 'ti ti-arrow-back-up' : renote ? 'ti ti-quote' : 'ti ti-send'"></i></button> </div> </header> diff --git a/packages/client/src/components/MkUrlPreview.vue b/packages/client/src/components/MkUrlPreview.vue index 5814faef19..4f75d31db4 100644 --- a/packages/client/src/components/MkUrlPreview.vue +++ b/packages/client/src/components/MkUrlPreview.vue @@ -10,7 +10,7 @@ <transition :name="$store.state.animation ? 'zoom' : ''" mode="out-in"> <component :is="self ? 'MkA' : 'a'" v-if="!fetching" class="link" :class="{ compact }" :[attr]="self ? url.substr(local.length) : url" rel="nofollow noopener" :target="target" :title="url"> <div v-if="thumbnail" class="thumbnail" :style="`background-image: url('${thumbnail}')`"> - <button v-if="!playerEnabled && player.url" class="_button" :title="i18n.ts.enablePlayer" @click.prevent="isMobile? playerEnabled = true : openPlayer()"><i class="fas fa-play-circle"></i></button> + <button v-if="!playerEnabled && player.url" class="_button" :title="i18n.ts.enablePlayer" @click.prevent="isMobile? playerEnabled = true : openPlayer()"><i class="ti ti-player-play"></i></button> </div> <article> <header> diff --git a/packages/client/src/components/MkWindow.vue b/packages/client/src/components/MkWindow.vue index fb786ecf65..13c4e90f3e 100644 --- a/packages/client/src/components/MkWindow.vue +++ b/packages/client/src/components/MkWindow.vue @@ -11,8 +11,8 @@ </span> <span class="right"> <button v-for="button in buttonsRight" v-tooltip="button.title" class="button _button" :class="{ highlighted: button.highlighted }" @click="button.onClick"><i :class="button.icon"></i></button> - <button v-if="canResize && maximized" class="button _button" @click="unMaximize()"><i class="fas fa-window-restore"></i></button> - <button v-else-if="canResize && !maximized" class="button _button" @click="maximize()"><i class="fas fa-window-maximize"></i></button> + <button v-if="canResize && maximized" class="button _button" @click="unMaximize()"><i class="ti ti-app-window"></i></button> + <button v-else-if="canResize && !maximized" class="button _button" @click="maximize()"><i class="ti ti-arrows-maximize"></i></button> <button v-if="closeButton" class="button _button" @click="close()"><i class="ti ti-x"></i></button> </span> </div> diff --git a/packages/client/src/components/form/suspense.vue b/packages/client/src/components/form/suspense.vue index 58d80264c1..7efa501f27 100644 --- a/packages/client/src/components/form/suspense.vue +++ b/packages/client/src/components/form/suspense.vue @@ -9,7 +9,7 @@ <div v-else> <div class="wszdbhzo"> <div><i class="ti ti-alert-triangle"></i> {{ $ts.somethingHappened }}</div> - <MkButton inline class="retry" @click="retry"><i class="fas fa-redo-alt"></i> {{ $ts.retry }}</MkButton> + <MkButton inline class="retry" @click="retry"><i class="ti ti-reload"></i> {{ $ts.retry }}</MkButton> </div> </div> </transition> @@ -21,14 +21,14 @@ import MkButton from '@/components/MkButton.vue'; export default defineComponent({ components: { - MkButton + MkButton, }, props: { p: { type: Function as PropType<() => Promise<any>>, required: true, - } + }, }, setup(props, context) { @@ -59,7 +59,7 @@ export default defineComponent({ watch(() => props.p, () => { process(); }, { - immediate: true + immediate: true, }); const retry = () => { @@ -73,7 +73,7 @@ export default defineComponent({ result, retry, }; - } + }, }); </script> diff --git a/packages/client/src/navbar.ts b/packages/client/src/navbar.ts index 18b1cddc79..e1f64ac05f 100644 --- a/packages/client/src/navbar.ts +++ b/packages/client/src/navbar.ts @@ -78,7 +78,7 @@ export const navbarItemDef = reactive({ }, pages: { title: 'pages', - icon: 'fas fa-file-alt', + icon: 'ti ti-news', to: '/pages', }, gallery: { diff --git a/packages/client/src/pages/admin-file.vue b/packages/client/src/pages/admin-file.vue index 1b16a66ac4..e923ca5df2 100644 --- a/packages/client/src/pages/admin-file.vue +++ b/packages/client/src/pages/admin-file.vue @@ -136,7 +136,7 @@ const headerTabs = $computed(() => [{ definePageMetadata(computed(() => ({ title: file ? i18n.ts.file + ': ' + file.name : i18n.ts.file, - icon: 'fas fa-file', + icon: 'ti ti-file', }))); </script> diff --git a/packages/client/src/pages/admin/index.vue b/packages/client/src/pages/admin/index.vue index 75d3fcae70..b5b5145c65 100644 --- a/packages/client/src/pages/admin/index.vue +++ b/packages/client/src/pages/admin/index.vue @@ -170,7 +170,7 @@ const menuDef = $computed(() => [{ to: '/admin/instance-block', active: currentPage?.route.name === 'instance-block', }, { - icon: 'fas fa-ghost', + icon: 'ti ti-ghost', text: i18n.ts.proxyAccount, to: '/admin/proxy-account', active: currentPage?.route.name === 'proxy-account', diff --git a/packages/client/src/pages/admin/proxy-account.vue b/packages/client/src/pages/admin/proxy-account.vue index fe61909e80..5d0d67980e 100644 --- a/packages/client/src/pages/admin/proxy-account.vue +++ b/packages/client/src/pages/admin/proxy-account.vue @@ -57,6 +57,6 @@ const headerTabs = $computed(() => []); definePageMetadata({ title: i18n.ts.proxyAccount, - icon: 'fas fa-ghost', + icon: 'ti ti-ghost', }); </script> diff --git a/packages/client/src/pages/channels.vue b/packages/client/src/pages/channels.vue index 7c84629a0a..34e9dac196 100644 --- a/packages/client/src/pages/channels.vue +++ b/packages/client/src/pages/channels.vue @@ -61,7 +61,7 @@ const headerActions = $computed(() => [{ const headerTabs = $computed(() => [{ key: 'featured', title: i18n.ts._channel.featured, - icon: 'fas fa-fire-alt', + icon: 'ti ti-comet', }, { key: 'following', title: i18n.ts._channel.following, diff --git a/packages/client/src/pages/gallery/index.vue b/packages/client/src/pages/gallery/index.vue index b04c1fad94..24a634bab5 100644 --- a/packages/client/src/pages/gallery/index.vue +++ b/packages/client/src/pages/gallery/index.vue @@ -13,7 +13,7 @@ </MkPagination> </MkFolder> <MkFolder class="_gap"> - <template #header><i class="fas fa-fire-alt"></i>{{ i18n.ts.popularPosts }}</template> + <template #header><i class="ti ti-comet"></i>{{ i18n.ts.popularPosts }}</template> <MkPagination v-slot="{items}" :pagination="popularPostsPagination" :disable-auto-load="true"> <div class="vfpdbgtk"> <MkGalleryPostPreview v-for="post in items" :key="post.id" :post="post" class="post"/> diff --git a/packages/client/src/pages/settings/accounts.vue b/packages/client/src/pages/settings/accounts.vue index a2b7de81af..493d3b2618 100644 --- a/packages/client/src/pages/settings/accounts.vue +++ b/packages/client/src/pages/settings/accounts.vue @@ -50,7 +50,7 @@ const init = async () => { function menu(account, ev) { os.popupMenu([{ text: i18n.ts.switch, - icon: 'fas fa-exchange-alt', + icon: 'ti ti-switch-horizontal', action: () => switchAccount(account), }, { text: i18n.ts.remove, diff --git a/packages/client/src/pages/settings/import-export.vue b/packages/client/src/pages/settings/import-export.vue index 68460cf7ad..7db267c142 100644 --- a/packages/client/src/pages/settings/import-export.vue +++ b/packages/client/src/pages/settings/import-export.vue @@ -154,7 +154,7 @@ const headerTabs = $computed(() => []); definePageMetadata({ title: i18n.ts.importAndExport, - icon: 'fas fa-boxes', + icon: 'ti ti-package', }); </script> diff --git a/packages/client/src/pages/settings/reaction.vue b/packages/client/src/pages/settings/reaction.vue index 36e0718fbc..0dbe185504 100644 --- a/packages/client/src/pages/settings/reaction.vue +++ b/packages/client/src/pages/settings/reaction.vue @@ -47,7 +47,7 @@ <FormSection> <div style="display: flex; gap: var(--margin); flex-wrap: wrap;"> <FormButton inline @click="preview"><i class="ti ti-eye"></i> {{ i18n.ts.preview }}</FormButton> - <FormButton inline danger @click="setDefault"><i class="fas fa-undo"></i> {{ i18n.ts.default }}</FormButton> + <FormButton inline danger @click="setDefault"><i class="ti ti-reload"></i> {{ i18n.ts.default }}</FormButton> </div> </FormSection> </div> diff --git a/packages/client/src/pages/settings/security.vue b/packages/client/src/pages/settings/security.vue index b6fdd2356f..33f49eb3ef 100644 --- a/packages/client/src/pages/settings/security.vue +++ b/packages/client/src/pages/settings/security.vue @@ -30,7 +30,7 @@ <FormSection> <FormSlot> - <FormButton danger @click="regenerateToken"><i class="fas fa-sync-alt"></i> {{ i18n.ts.regenerateLoginToken }}</FormButton> + <FormButton danger @click="regenerateToken"><i class="ti ti-refresh"></i> {{ i18n.ts.regenerateLoginToken }}</FormButton> <template #caption>{{ i18n.ts.regenerateLoginTokenDescription }}</template> </FormSlot> </FormSection> diff --git a/packages/client/src/pages/settings/sounds.vue b/packages/client/src/pages/settings/sounds.vue index 1106f0c6bb..2bea491e67 100644 --- a/packages/client/src/pages/settings/sounds.vue +++ b/packages/client/src/pages/settings/sounds.vue @@ -13,7 +13,7 @@ </FormLink> </FormSection> - <FormButton danger class="_formBlock" @click="reset()"><i class="fas fa-redo"></i> {{ i18n.ts.default }}</FormButton> + <FormButton danger class="_formBlock" @click="reset()"><i class="ti ti-reload"></i> {{ i18n.ts.default }}</FormButton> </div> </template> diff --git a/packages/client/src/pages/user/index.vue b/packages/client/src/pages/user/index.vue index 48f2955283..6e895cd8d7 100644 --- a/packages/client/src/pages/user/index.vue +++ b/packages/client/src/pages/user/index.vue @@ -81,7 +81,7 @@ const headerTabs = $computed(() => user ? [{ }, { key: 'pages', title: i18n.ts.pages, - icon: 'fas fa-file-alt', + icon: 'ti ti-news', }, { key: 'gallery', title: i18n.ts.gallery, diff --git a/packages/client/src/ui/deck/widgets-column.vue b/packages/client/src/ui/deck/widgets-column.vue index b5f49761fd..0bcdc4f768 100644 --- a/packages/client/src/ui/deck/widgets-column.vue +++ b/packages/client/src/ui/deck/widgets-column.vue @@ -1,6 +1,6 @@ <template> <XColumn :menu="menu" :naked="true" :column="column" :is-stacked="isStacked" @parent-focus="$event => emit('parent-focus', $event)"> - <template #header><i class="fas fa-window-maximize" style="margin-right: 8px;"></i>{{ column.name }}</template> + <template #header><i class="ti ti-layout-list" style="margin-right: 8px;"></i>{{ column.name }}</template> <div class="wtdtxvec"> <div v-if="!(column.widgets && column.widgets.length > 0) && !edit" class="intro">{{ i18n.ts._deck.widgetsIntroduction }}</div> diff --git a/packages/client/src/widgets/photos.vue b/packages/client/src/widgets/photos.vue index e891bd6a7d..4ad5324053 100644 --- a/packages/client/src/widgets/photos.vue +++ b/packages/client/src/widgets/photos.vue @@ -1,6 +1,6 @@ <template> <MkContainer :show-header="widgetProps.showHeader" :naked="widgetProps.transparent" :class="$style.root" :data-transparent="widgetProps.transparent ? true : null" class="mkw-photos"> - <template #header><i class="fas fa-camera"></i>{{ i18n.ts._widgets.photos }}</template> + <template #header><i class="ti ti-camera"></i>{{ i18n.ts._widgets.photos }}</template> <div class=""> <MkLoading v-if="fetching"/> |