replaced tool pencil bell refresh

This commit is contained in:
dakkar 2024-06-22 14:07:02 +01:00
parent b675c66d70
commit 9f8873574c
23 changed files with 33 additions and 25 deletions

View file

@ -77,7 +77,7 @@ const buttonsLeft = computed(() => {
});
const buttonsRight = computed(() => {
const buttons = [{
icon: 'ph-arrows-clockwise ph-bold ph-lg',
icon: 'ti ti-reload',
title: i18n.ts.reload,
onClick: reload,
}, {

View file

@ -12,9 +12,9 @@ SPDX-License-Identifier: AGPL-3.0-only
@closed="emit('closed')"
>
<template v-if="page === 1" #header><i class="ti ti-pencil"></i> {{ i18n.ts._initialTutorial._note.title }}</template>
<template v-else-if="page === 2" #header><i class="ph-smiley ph-bold pg-lg"></i> {{ i18n.ts._initialTutorial._reaction.title }}</template>
<template v-else-if="page === 2" #header><i class="ti ti-mood-smile"></i> {{ i18n.ts._initialTutorial._reaction.title }}</template>
<template v-else-if="page === 3" #header><i class="ti ti-home"></i> {{ i18n.ts._initialTutorial._timeline.title }}</template>
<template v-else-if="page === 4" #header><i class="ph-plus ph-bold pg-lg"></i> {{ i18n.ts._initialTutorial._postNote.title }}</template>
<template v-else-if="page === 4" #header><i class="ti ti-pencil-plus"></i> {{ i18n.ts._initialTutorial._postNote.title }}</template>
<template v-else-if="page === 5" #header><i class="ti ti-eye-exclamation"></i> {{ i18n.ts._initialTutorial._howToMakeAttachmentsSensitive.title }}</template>
<template v-else #header>{{ i18n.ts._initialTutorial.title }}</template>

View file

@ -18,7 +18,7 @@ import { unisonReload } from '@/scripts/unison-reload.js';
export const navbarItemDef = reactive({
notifications: {
title: i18n.ts.notifications,
icon: 'ph-bell ph-bold ph-lg',
icon: 'ti ti-bell',
show: computed(() => $i != null),
indicated: computed(() => $i != null && $i.hasUnreadNotification),
indicateValue: computed(() => {
@ -160,7 +160,7 @@ export const navbarItemDef = reactive({
},
reload: {
title: i18n.ts.reload,
icon: 'ph-arrows-clockwise ph-bold ph-lg',
icon: 'ti ti-refresh',
action: (ev) => {
location.reload();
},

View file

@ -72,7 +72,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</MkKeyValue>
</div>
<MkButton @click="updateRemoteUser"><i class="ph-arrows-counter-clockwise ph-bold ph-lg"></i> {{ i18n.ts.updateRemoteUser }}</MkButton>
<MkButton @click="updateRemoteUser"><i class="ti ti-refresh"></i> {{ i18n.ts.updateRemoteUser }}</MkButton>
</div>
</FormSection>

View file

@ -48,7 +48,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<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>
<MkSwitch v-model="isNSFW" :disabled="!instance" @update:modelValue="toggleNSFW">Mark as NSFW</MkSwitch>
<MkButton @click="refreshMetadata"><i class="ph-arrows-clockwise ph-bold ph-lg"></i> Refresh metadata</MkButton>
<MkButton @click="refreshMetadata"><i class="ti ti-refresh"></i> Refresh metadata</MkButton>
<MkTextarea v-model="moderationNote" manualSave>
<template #label>{{ i18n.ts.moderationNote }}</template>
</MkTextarea>

View file

@ -45,7 +45,7 @@ fetch();
const headerActions = computed(() => [{
asFullButton: true,
icon: 'ph-arrows-counter-clockwise ph-bold ph-lg',
icon: 'ti ti-refresh',
text: i18n.ts.reload,
handler: () => {
antennasCache.delete();

View file

@ -61,7 +61,7 @@ async function create() {
const headerActions = computed(() => [{
asFullButton: true,
icon: 'ph-arrows-counter-clockwise ph-bold ph-lg',
icon: 'ti ti-refresh',
text: i18n.ts.reload,
handler: () => {
userListsCache.delete();

View file

@ -96,7 +96,7 @@ const headerTabs = computed(() => [{
definePageMetadata(() => ({
title: i18n.ts.notifications,
icon: 'ph-bell ph-bold ph-lg',
icon: 'ti ti-bell',
}));
</script>

View file

@ -9,7 +9,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<div class="_gaps">
<div class="_buttons">
<MkButton primary @click="addAccount"><i class="ti ti-plus"></i> {{ i18n.ts.addAccount }}</MkButton>
<MkButton @click="init"><i class="ph-arrows-counter-clockwise ph-bold ph-lg"></i> {{ i18n.ts.reloadAccountsList }}</MkButton>
<MkButton @click="init"><i class="ti ti-refresh"></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)"/>

View file

@ -82,7 +82,7 @@ const menuDef = computed(() => [{
to: '/settings/drive',
active: currentPage.value?.route.name === 'drive',
}, {
icon: 'ph-bell ph-bold ph-lg',
icon: 'ti ti-bell',
text: i18n.ts.notifications,
to: '/settings/notifications',
active: currentPage.value?.route.name === 'notifications',

View file

@ -133,6 +133,6 @@ const headerTabs = computed(() => []);
definePageMetadata(() => ({
title: i18n.ts.notifications,
icon: 'ph-bell ph-bold ph-lg',
icon: 'ti ti-bell',
}));
</script>

View file

@ -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 ph-lg"></i> {{ i18n.ts.regenerateLoginToken }}</MkButton>
<MkButton danger @click="regenerateToken"><i class="ti ti-refresh"></i> {{ i18n.ts.regenerateLoginToken }}</MkButton>
<template #caption>{{ i18n.ts.regenerateLoginTokenDescription }}</template>
</FormSlot>
</FormSection>

View file

@ -78,6 +78,6 @@ const headerTabs = computed(() => []);
definePageMetadata(() => ({
title: i18n.ts._theme.manage,
icon: 'ph-wrench ph-bold ph-lg',
icon: 'ti ti-tool',
}));
</script>

View file

@ -58,7 +58,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<FormSection>
<div class="_formLinksGrid">
<FormLink to="/settings/theme/manage"><template #icon><i class="ph-wrench ph-bold ph-lg"></i></template>{{ i18n.ts._theme.manage }}<template #suffix>{{ themesCount }}</template></FormLink>
<FormLink to="/settings/theme/manage"><template #icon><i class="ti ti-tool"></i></template>{{ i18n.ts._theme.manage }}<template #suffix>{{ themesCount }}</template></FormLink>
<FormLink to="https://assets.misskey.io/theme/list" external><template #icon><i class="ti ti-world"></i></template>{{ i18n.ts._theme.explore }}</FormLink>
<FormLink to="/settings/theme/install"><template #icon><i class="ti ti-download"></i></template>{{ i18n.ts._theme.install }}</FormLink>
<FormLink to="/theme-editor"><template #icon><i class="ti ti-paint"></i></template>{{ i18n.ts._theme.make }}</FormLink>

View file

@ -275,7 +275,7 @@ const headerActions = computed(() => {
];
if (deviceKind === 'desktop') {
tmp.unshift({
icon: 'ph-arrows-counter-clockwise ph-bold ph-lg',
icon: 'ti ti-refresh',
text: i18n.ts.reload,
handler: (ev: Event) => {
tlComponent.value?.reloadTimeline();

View file

@ -309,7 +309,7 @@ export function getUserMenu(user: Misskey.entities.UserDetailed, router: IRouter
text: user.withReplies ? i18n.ts.hideRepliesToOthersInTimeline : i18n.ts.showRepliesToOthersInTimeline,
action: toggleWithReplies,
}, {
icon: user.notify === 'none' ? 'ph-bell ph-bold ph-lg' : 'ph-bell ph-bold ph-lg-off',
icon: user.notify === 'none' ? 'ti ti-bell' : 'ti ti-bell-off',
text: user.notify === 'none' ? i18n.ts.notifyNotes : i18n.ts.unnotifyNotes,
action: toggleNotify,
}]);
@ -346,7 +346,7 @@ export function getUserMenu(user: Misskey.entities.UserDetailed, router: IRouter
if (user.host !== null) {
menu = menu.concat([{ type: 'divider' }, {
icon: 'ph-arrows-counter-clockwise ph-bold ph-lg',
icon: 'ti ti-refresh',
text: i18n.ts.updateRemoteUser,
action: userInfoUpdate,
}]);

View file

@ -53,7 +53,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<button :class="$style.navButton" class="_button" @click="drawerMenuShowing = true"><i :class="$style.navButtonIcon" class="ti ti-menu-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="ti ti-home"></i></button>
<button :class="$style.navButton" class="_button" @click="mainRouter.push('/my/notifications')">
<i :class="$style.navButtonIcon" class="ph-bell ph-bold ph-lg"></i>
<i :class="$style.navButtonIcon" class="ti ti-bell"></i>
<span v-if="$i?.hasUnreadNotification" :class="$style.navButtonIndicator">
<span class="_indicateCounter" :class="$style.itemIndicateValueIcon">{{ $i.unreadNotificationsCount > 99 ? '99+' : $i.unreadNotificationsCount }}</span>
</span>

View file

@ -186,7 +186,7 @@ function getMenu() {
if (props.refresher) {
items = [{
icon: 'ph-arrows-counter-clockwise ph-bold ph-lg',
icon: 'ti ti-refresh',
text: i18n.ts.reload,
action: () => {
if (props.refresher) {

View file

@ -5,7 +5,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<template>
<XColumn :column="column" :isStacked="isStacked" :menu="menu" :refresher="() => notificationsComponent.reload()">
<template #header><i class="ph-bell ph-bold ph-lg" style="margin-right: 8px;"></i>{{ column.name }}</template>
<template #header><i class="ti ti-bell" style="margin-right: 8px;"></i>{{ column.name }}</template>
<XNotifications ref="notificationsComponent" :excludeTypes="props.column.excludeTypes"/>
</XColumn>

View file

@ -28,7 +28,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<button :class="$style.navButton" class="_button" @click="drawerMenuShowing = true"><i :class="$style.navButtonIcon" class="ti ti-menu-2"></i><span v-if="menuIndicated" :class="$style.navButtonIndicator"><i class="_indicatorCircle"></i></span></button>
<button :class="$style.navButton" class="_button" @click="isRoot ? top() : mainRouter.push('/')"><i :class="$style.navButtonIcon" class="ti ti-home"></i></button>
<button :class="$style.navButton" class="_button" @click="mainRouter.push('/my/notifications')">
<i :class="$style.navButtonIcon" class="ph-bell ph-bold ph-lg"></i>
<i :class="$style.navButtonIcon" class="ti ti-bell"></i>
<span v-if="$i?.hasUnreadNotification" :class="$style.navButtonIndicator">
<span class="_indicateCounter" :class="$style.itemIndicateValueIcon">{{ $i.unreadNotificationsCount > 99 ? '99+' : $i.unreadNotificationsCount }}</span>
</span>

View file

@ -7,7 +7,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<MkContainer :showHeader="widgetProps.showHeader" class="mkw-bdayfollowings">
<template #icon><i class="ph-cake ph-bold ph-lg"></i></template>
<template #header>{{ i18n.ts._widgets.birthdayFollowings }}</template>
<template #func="{ buttonStyleClass }"><button class="_button" :class="buttonStyleClass" @click="actualFetch()"><i class="ph-arrows-clockwise ph-bold ph-lg"></i></button></template>
<template #func="{ buttonStyleClass }"><button class="_button" :class="buttonStyleClass" @click="actualFetch()"><i class="ti ti-refresh"></i></button></template>
<div :class="$style.bdayFRoot">
<MkLoading v-if="fetching"/>

View file

@ -5,7 +5,7 @@ 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 ph-lg"></i></template>
<template #icon><i class="ti ti-bell"></i></template>
<template #header>{{ i18n.ts.notifications }}</template>
<template #func="{ buttonStyleClass }"><button class="_button" :class="buttonStyleClass" @click="configureNotification()"><i class="ti ti-settings"></i></button></template>

View file

@ -108,6 +108,7 @@ export function getConfig(): UserConfig {
exclude: [
'**/pages/settings/emoji-picker.*',
'**/pages/flash/flash.*',
'**/components/MkPageWindow.*',
],
}),
iconsReplace({
@ -124,6 +125,7 @@ export function getConfig(): UserConfig {
},
include: [
'**/pages/flash/flash.*',
'**/components/MkPageWindow.*',
],
}),
iconsReplace({
@ -338,6 +340,12 @@ export function getConfig(): UserConfig {
'ti ti-chevrons-left': 'ph-caret-dobule-left ph-bold ph-lg',
'ti ti-chevron-left': 'ph-caret-left ph-bold ph-lg',
'ti ti-dice': 'ph ph-dice-five ph-bold ph-lg',
'ti ti-pencil-plus': 'ph-plus ph-bold pg-lg',
'ti ti-mood-smile': 'ph-smiley ph-bold pg-lg',
'ti ti-bell': 'ph-bell ph-bold ph-lg',
'ti ti-bell-off': 'ph-bell ph-bold ph-lg',
'ti ti-tool': 'ph-wrench ph-bold ph-lg',
'ti ti-refresh': 'ph-arrows-counter-clockwise ph-bold ph-lg',
},
}),
...process.env.NODE_ENV === 'production'