replaced ti-pencil

This commit is contained in:
dakkar 2024-06-21 13:44:45 +01:00
parent 5ab3f601da
commit 78b21cecc4
36 changed files with 43 additions and 42 deletions

View file

@ -20,7 +20,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</I18n>
</div>
<div>
<i class="ph-pencil-simple ph-bold ph-lg"></i>
<i class="ti ti-pencil ti-fw"></i>
<I18n :src="i18n.ts._channel.notesCount" tag="span" style="margin-left: 4px;">
<template #n>
<b>{{ channel.notesCount }}</b>

View file

@ -11,7 +11,7 @@ SPDX-License-Identifier: AGPL-3.0-only
@close="close(true)"
@closed="emit('closed')"
>
<template v-if="page === 1" #header><i class="ph-pencil-simple ph-bold pg-lg"></i> {{ i18n.ts._initialTutorial._note.title }}</template>
<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 === 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>

View file

@ -19,7 +19,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</div>
</div>
<div class="item _panel notes">
<div class="icon"><i class="ph-pencil-simple ph-bold ph-lg"></i></div>
<div class="icon"><i class="ti ti-pencil"></i></div>
<div class="body">
<div class="value">
<MkNumber :value="stats.originalNotesCount" style="margin-right: 0.5em;"/>

View file

@ -10,7 +10,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<MkSpacer :contentMax="700">
<div class="_gaps">
<div class="_buttons">
<MkButton primary rounded @click="edit"><i class="ph-pencil-simple ph-bold ph-lg"></i> {{ i18n.ts.edit }}</MkButton>
<MkButton primary rounded @click="edit"><i class="ti ti-pencil"></i> {{ i18n.ts.edit }}</MkButton>
<MkButton danger rounded @click="del"><i class="ph-trash ph-bold ph-lg"></i> {{ i18n.ts.delete }}</MkButton>
</div>
<MkFolder>

View file

@ -16,7 +16,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<div :style="{ backgroundImage: channel.bannerUrl ? `url(${channel.bannerUrl})` : undefined }" :class="$style.banner">
<div :class="$style.bannerStatus">
<div><i class="ph-users ph-bold ph-lg"></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-simple ph-bold ph-lg"></i><I18n :src="i18n.ts._channel.notesCount" tag="span" style="margin-left: 4px;"><template #n><b>{{ channel.notesCount }}</b></template></I18n></div>
<div><i class="ti ti-pencil 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>
<div :class="$style.bannerFade"></div>
@ -61,7 +61,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<div :class="$style.footer">
<MkSpacer :contentMax="700" :marginMin="16" :marginMax="16">
<div class="_buttonsCenter">
<MkButton inline rounded primary gradate @click="openPostForm()"><i class="ph-pencil-simple ph-bold ph-lg"></i> {{ i18n.ts.postToTheChannel }}</MkButton>
<MkButton inline rounded primary gradate @click="openPostForm()"><i class="ti ti-pencil"></i> {{ i18n.ts.postToTheChannel }}</MkButton>
</div>
</MkSpacer>
</div>

View file

@ -94,7 +94,7 @@ async function unfavorite() {
}
const headerActions = computed(() => clip.value && isOwned.value ? [{
icon: 'ph-pencil-simple ph-bold ph-lg',
icon: 'ti ti-pencil',
text: i18n.ts.edit,
handler: async (): Promise<void> => {
const { canceled, result } = await os.form(clip.value.name, {

View file

@ -14,11 +14,11 @@ SPDX-License-Identifier: AGPL-3.0-only
<div :class="$style.fileQuickActionsRoot">
<button class="_button" :class="$style.fileNameEditBtn" @click="rename()">
<h2 class="_nowrap" :class="$style.fileName">{{ file.name }}</h2>
<i class="ph-pencil-simple ph-bold ph-lg" :class="$style.fileNameEditIcon"></i>
<i class="ti ti-pencil" :class="$style.fileNameEditIcon"></i>
</button>
<div :class="$style.fileQuickActionsOthers">
<button v-tooltip="i18n.ts.createNoteFromTheFile" class="_button" :class="$style.fileQuickActionsOthersButton" @click="postThis()">
<i class="ph-pencil-simple ph-bold ph-lg"></i>
<i class="ti ti-pencil"></i>
</button>
<button v-if="isImage" v-tooltip="i18n.ts.cropImage" class="_button" :class="$style.fileQuickActionsOthersButton" @click="crop()">
<i class="ph-crop ph-bold ph-lg"></i>
@ -41,7 +41,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<button class="_button" :class="$style.fileAltEditBtn" @click="describe()">
<MkKeyValue>
<template #key>{{ i18n.ts.description }}</template>
<template #value>{{ file.comment ? file.comment : `(${i18n.ts.none})` }}<i class="ph-pencil-simple ph-bold ph-lg" :class="$style.fileAltEditIcon"></i></template>
<template #value>{{ file.comment ? file.comment : `(${i18n.ts.none})` }}<i class="ti ti-pencil" :class="$style.fileAltEditIcon"></i></template>
</MkKeyValue>
</button>
<MkKeyValue :class="$style.fileMetaDataChildren">

View file

@ -45,7 +45,7 @@ const headerTabs = computed(() => [{
}, {
key: 'notes',
title: i18n.ts._fileViewer.attachedNotes,
icon: 'ph-pencil-simple ph-bold ph-lg',
icon: 'ti ti-pencil',
}]);
definePageMetadata(() => ({

View file

@ -124,7 +124,7 @@ const headerTabs = computed(() => []);
definePageMetadata(() => ({
title: props.postId ? i18n.ts.edit : i18n.ts.postToGallery,
icon: 'ph-pencil-simple ph-bold ph-lg',
icon: 'ti ti-pencil',
}));
</script>

View file

@ -27,7 +27,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<MkButton v-else v-tooltip="i18n.ts._gallery.like" class="button" @click="like()"><i class="ph-heart ph-bold ph-lg"></i><span v-if="post.likedCount > 0" class="count">{{ post.likedCount }}</span></MkButton>
</div>
<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-simple ph-bold ph-lg ti-fw"></i></button>
<button v-if="$i && $i.id === post.user.id" v-tooltip="i18n.ts.edit" v-click-anime class="_button" @click="edit"><i class="ti ti-pencil 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.copyLink" v-click-anime class="_button" @click="copyLink"><i class="ph-share-network ph-bold ph-lg ti-fw"></i></button>
<button v-if="isSupportShare()" 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>
@ -156,7 +156,7 @@ function edit() {
watch(() => props.postId, fetchPost, { immediate: true });
const headerActions = computed(() => [{
icon: 'ph-pencil-simple ph-bold ph-lg',
icon: 'ti ti-pencil',
text: i18n.ts.edit,
handler: edit,
}]);

View file

@ -9,7 +9,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<template #header><i class="ph-note ph-bold ph-lg"></i> {{ props.modelValue.title }}</template>
<template #func>
<button class="_button" @click="rename()">
<i class="ph-pencil-simple ph-bold ph-lg"></i>
<i class="ti ti-pencil"></i>
</button>
</template>

View file

@ -287,7 +287,7 @@ definePageMetadata(() => ({
title: props.initPageId ? i18n.ts._pages.editPage
: props.initPageName && props.initUser ? i18n.ts._pages.readPage
: i18n.ts._pages.newPage,
icon: 'ph-pencil-simple ph-bold ph-lg',
icon: 'ti ti-pencil',
}));
</script>

View file

@ -47,7 +47,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<MkAvatar :user="page.user" :class="$style.avatar" indicator link preview/> <MkA :to="`/@${username}`"><MkUserName :user="page.user" :nowrap="false"/></MkA>
</div>
<div :class="$style.pageBannerTitleSubActions">
<MkA v-if="page.userId === $i?.id" v-tooltip="i18n.ts._pages.editThisPage" :to="`/pages/edit/${page.id}`" class="_button" :class="$style.generalActionButton"><i class="ph-pencil-simple ph-bold ph-lg"></i></MkA>
<MkA v-if="page.userId === $i?.id" v-tooltip="i18n.ts._pages.editThisPage" :to="`/pages/edit/${page.id}`" class="_button" :class="$style.generalActionButton"><i class="ti ti-pencil ti-fw"></i></MkA>
<button v-tooltip="i18n.ts.share" class="_button" :class="$style.generalActionButton" @click="share"><i class="ph-share-network ph-bold ph-lg ti-fw"></i></button>
</div>
</div>

View file

@ -89,7 +89,7 @@ const headerTabs = computed(() => [{
title: i18n.ts.users,
}, {
key: 'timeline',
icon: 'ph-pencil-simple ph-bold ph-lg',
icon: 'ti ti-pencil',
title: i18n.ts.timeline,
}]);
@ -118,4 +118,3 @@ definePageMetadata(() => ({
border-radius: var(--radius-md);
}
</style>

View file

@ -45,7 +45,7 @@ const headerActions = computed(() => []);
const headerTabs = computed(() => [{
key: 'note',
title: i18n.ts.notes,
icon: 'ph-pencil-simple ph-bold ph-lg',
icon: 'ti ti-pencil',
}, {
key: 'user',
title: i18n.ts.users,

View file

@ -6,7 +6,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<template>
<div class="_gaps_m">
<FormSection first>
<template #label><i class="ph-pencil-simple ph-bold ph-lg"></i> {{ i18n.ts._exportOrImport.allNotes }}</template>
<template #label><i class="ti ti-pencil"></i> {{ i18n.ts._exportOrImport.allNotes }}</template>
<div class="_gaps_s">
<MkFolder>
<template #label>{{ i18n.ts.export }}</template>

View file

@ -12,7 +12,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<template v-if="$i" #footer>
<div :class="$style.footer">
<MkSpacer :contentMax="800" :marginMin="16" :marginMax="16">
<MkButton rounded primary :class="$style.button" @click="post()"><i class="ph-pencil-simple ph-bold ph-lg"></i>{{ i18n.ts.postToHashtag }}</MkButton>
<MkButton rounded primary :class="$style.button" @click="post()"><i class="ti ti-pencil"></i>{{ i18n.ts.postToHashtag }}</MkButton>
</MkSpacer>
</div>
</template>

View file

@ -11,7 +11,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<MkHeatmap :user="user" :src="'notes'"/>
</MkFoldableSection>
<MkFoldableSection class="item">
<template #header><i class="ph-pencil-simple ph-bold ph-lg"></i> Notes</template>
<template #header><i class="ti ti-pencil"></i> Notes</template>
<XNotes :user="user"/>
</MkFoldableSection>
<MkFoldableSection class="item">

View file

@ -87,7 +87,7 @@ const headerTabs = computed(() => user.value ? [{
}, {
key: 'notes',
title: i18n.ts.notes,
icon: 'ph-pencil-simple ph-bold ph-lg',
icon: 'ti ti-pencil',
}, {
key: 'activity',
title: i18n.ts.activity,

View file

@ -104,7 +104,7 @@ export function getDriveFileMenu(file: Misskey.entities.DriveFile, folder?: Miss
}),
}] : [], { type: 'divider' }, {
text: i18n.ts.createNoteFromTheFile,
icon: 'ph-pencil-simple ph-bold ph-lg',
icon: 'ti ti-pencil',
action: () => os.post({
initialFiles: [file],
}),

View file

@ -192,7 +192,7 @@ export function getUserMenu(user: Misskey.entities.UserDetailed, router: IRouter
os.post({ specified: user, initialText: `${canonical} ` });
},
}, { type: 'divider' }, {
icon: 'ph-pencil-simple ph-bold ph-lg',
icon: 'ti ti-pencil',
text: i18n.ts.editMemo,
action: () => {
editMemo();
@ -364,7 +364,7 @@ export function getUserMenu(user: Misskey.entities.UserDetailed, router: IRouter
if ($i && meId === user.id) {
menu = menu.concat([{ type: 'divider' }, {
icon: 'ph-pencil-simple ph-bold ph-lg',
icon: 'ti ti-pencil',
text: i18n.ts.editProfile,
action: () => {
router.push('/settings/profile');

View file

@ -39,7 +39,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</div>
<div :class="$style.bottom">
<button class="_button" :class="$style.post" data-cy-open-post-form @click="os.post">
<i :class="$style.postIcon" class="ph-pencil-simple ph-bold ph-lg ti-fw"></i><span style="position: relative;">{{ i18n.ts.note }}</span>
<i :class="$style.postIcon" class="ti ti-pencil ti-fw"></i><span style="position: relative;">{{ i18n.ts.note }}</span>
</button>
<button class="_button" :class="$style.account" @click="openAccountMenu">
<MkAvatar :user="$i" :class="$style.avatar"/><MkAcct :class="$style.acct" class="_nowrap" :user="$i"/>

View file

@ -49,7 +49,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</div>
<div :class="$style.bottom">
<button v-tooltip.noDelay.right="i18n.ts.note" class="_button" :class="[$style.post]" data-cy-open-post-form @click="os.post">
<i class="ph-pencil-simple ph-bold ph-lg ti-fw" :class="$style.postIcon"></i><span :class="$style.postText">{{ i18n.ts.note }}</span>
<i class="ti ti-pencil ti-fw" :class="$style.postIcon"></i><span :class="$style.postText">{{ i18n.ts.note }}</span>
</button>
<button v-tooltip.noDelay.right="`${i18n.ts.account}: @${$i.username}`" class="_button" :class="[$style.account]" @click="openAccountMenu">
<MkAvatar :user="$i" :class="$style.avatar"/><MkAcct class="_nowrap" :class="$style.acct" :user="$i"/>

View file

@ -38,7 +38,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</button>
<div class="post" @click="os.post()">
<MkButton class="button" gradate full rounded>
<i class="ph-pencil-simple ph-bold ph-lg ti-fw"></i>
<i class="ti ti-pencil ti-fw"></i>
</MkButton>
</div>
</div>

View file

@ -10,7 +10,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</button>
<div class="post" data-cy-open-post-form @click="os.post">
<MkButton class="button" gradate full rounded>
<i class="ph-pencil-simple ph-bold ph-lg ti-fw"></i><span v-if="!iconOnly" class="text">{{ i18n.ts.note }}</span>
<i class="ti ti-pencil ti-fw"></i><span v-if="!iconOnly" class="text">{{ i18n.ts.note }}</span>
</MkButton>
</div>
<div class="divider"></div>

View file

@ -58,7 +58,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<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-simple ph-bold ph-lg"></i></button>
<button :class="$style.postButton" class="_button" @click="os.post()"><i :class="$style.navButtonIcon" class="ti ti-pencil"></i></button>
</div>
<Transition

View file

@ -69,7 +69,7 @@ function onNote() {
const menu: MenuItem[] = [
{
icon: 'ph-pencil-simple ph-bold ph-lg',
icon: 'ti ti-pencil',
text: i18n.ts.selectAntenna,
action: setAntenna,
},

View file

@ -11,7 +11,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<template v-if="column.channelId">
<div style="padding: 8px; text-align: center;">
<MkButton primary gradate rounded inline small @click="post"><i class="ph-pencil-simple ph-bold ph-lg"></i></MkButton>
<MkButton primary gradate rounded inline small @click="post"><i class="ti ti-pencil"></i></MkButton>
</div>
<MkTimeline ref="timeline" :key="column.channelId + column.withRenotes + column.onlyFiles" src="channel" :channel="column.channelId" :withRenotes="withRenotes" :onlyFiles="onlyFiles" @note="onNote"/>
</template>
@ -99,7 +99,7 @@ function onNote() {
}
const menu: MenuItem[] = [{
icon: 'ph-pencil-simple ph-bold ph-lg',
icon: 'ti ti-pencil',
text: i18n.ts.selectChannel,
action: setChannel,
}, {

View file

@ -81,7 +81,7 @@ function onNote() {
const menu: MenuItem[] = [
{
icon: 'ph-pencil-simple ph-bold ph-lg',
icon: 'ti ti-pencil',
text: i18n.ts.selectList,
action: setList,
},

View file

@ -40,7 +40,7 @@ function func() {
}
const menu = [{
icon: 'ph-pencil-simple ph-bold ph-lg',
icon: 'ti ti-pencil',
text: i18n.ts.notificationSetting,
action: func,
}];

View file

@ -64,7 +64,7 @@ function onNote() {
}
const menu: MenuItem[] = [{
icon: 'ph-pencil-simple ph-bold ph-lg',
icon: 'ti ti-pencil',
text: i18n.ts.role,
action: setRole,
}, {

View file

@ -128,7 +128,7 @@ function onNote() {
}
const menu: MenuItem[] = [{
icon: 'ph-pencil-simple ph-bold ph-lg',
icon: 'ti ti-pencil',
text: i18n.ts.timeline,
action: setType,
}, {

View file

@ -49,7 +49,7 @@ function func() {
}
const menu = [{
icon: 'ph-pencil-simple ph-bold ph-lg',
icon: 'ti ti-pencil',
text: i18n.ts.editWidgets,
action: func,
}];

View file

@ -34,7 +34,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</span>
</button>
<button :class="$style.navButton" class="_button" @click="widgetsShowing = true"><i :class="$style.navButtonIcon" class="ph-stack ph-bold ph-lg"></i></button>
<button :class="$style.postButton" class="_button" @click="os.post()"><i :class="$style.navButtonIcon" class="ph-pencil-simple ph-bold ph-lg"></i></button>
<button :class="$style.postButton" class="_button" @click="os.post()"><i :class="$style.navButtonIcon" class="ti ti-pencil"></i></button>
</div>
<Transition

View file

@ -8,7 +8,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<XWidgets :edit="editMode" :widgets="widgets" @addWidget="addWidget" @removeWidget="removeWidget" @updateWidget="updateWidget" @updateWidgets="updateWidgets" @exit="editMode = false"/>
<button v-if="editMode" class="_textButton" style="font-size: 0.9em;" @click="editMode = false"><i class="ti ti-check"></i> {{ i18n.ts.editWidgetsExit }}</button>
<button v-else class="_textButton" data-cy-widget-edit :class="$style.edit" style="font-size: 0.9em;" @click="editMode = true"><i class="ph-pencil-simple ph-bold ph-lg"></i> {{ i18n.ts.editWidgets }}</button>
<button v-else class="_textButton" data-cy-widget-edit :class="$style.edit" style="font-size: 0.9em;" @click="editMode = true"><i class="ti ti-pencil"></i> {{ i18n.ts.editWidgets }}</button>
</div>
</template>

View file

@ -92,6 +92,8 @@ export function getConfig(): UserConfig {
'ti ti-confetti': 'ph-confetti ph-bold ph-lg',
'ti ti-home': 'ph-house ph-bold ph-lg',
'ti ti-clock': 'ph-clock ph-bold ph-lg',
'ti ti-pencil': 'ph-pencil-simple ph-bold ph-lg',
'ti ti-pencil ti-fw': 'ph-pencil-simple ph-bold ph-lg',
},
}),
...process.env.NODE_ENV === 'production'