graphite/Sharkey
1
0
Fork 0
mirror of https://git.joinsharkey.org/Sharkey/Sharkey.git synced 2024-11-22 10:13:08 +02:00
Code Issues Projects Releases Packages Wiki Activity

fix a bunch of ti icons

Browse source 
also fix some mistyped `ph-push-pin-slash`

Thanks Marie for noticing!
This commit is contained in:
dakkar 2024-04-12 16:12:00 +01:00
parent 69697dd9f7
commit 4337a8b308
10 changed files with 27 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
packages/frontend/src/components/MkMediaAudio.vue
View file

@ -143,13 +143,13 @@ function showMenu(ev: MouseEvent) {
{
type: 'switch',
text: i18n.ts._mediaControls.loop,
icon: 'ti ti-repeat',
icon: 'ph ph-repeat',
ref: loop,
},
{
type: 'radio',
text: i18n.ts._mediaControls.playbackRate,
icon: 'ti ti-clock-play',
icon: 'ph ph-gauge',
ref: speed,
options: {
'0.25x': 0.25,
@ -188,7 +188,7 @@ function showMenu(ev: MouseEvent) {
}, {
type: 'link' as const,
text: i18n.ts._fileViewer.title,
icon: 'ti ti-info-circle',
icon: 'ph ph-info',
to: `/my/drive/file/${props.audio.id}`,
});
}

2
packages/frontend/src/components/MkMediaImage.vue
View file

@ -120,7 +120,7 @@ function showMenu(ev: MouseEvent) {
}, {
type: 'link' as const,
text: i18n.ts._fileViewer.title,
icon: 'ti ti-info-circle',
icon: 'ph ph-info',
to: `/my/drive/file/${props.image.id}`,
}] : [])], ev.currentTarget ?? ev.target);
}

12
packages/frontend/src/components/MkMediaVideo.vue
View file

@ -39,10 +39,10 @@ SPDX-License-Identifier: AGPL-3.0-only
>
<source :src="video.url">
</video>
<i class="ti ti-eye-off" :class="$style.hide" @click="hide = true"></i>
<i class="ph-eye-closed ph-bold ph-lg" :class="$style.hide" @click="hide = true"></i>
<div :class="$style.indicators">
<div v-if="video.comment" :class="$style.indicator">ALT</div>
<div v-if="video.isSensitive" :class="$style.indicator" style="color: var(--warn);" :title="i18n.ts.sensitive"><i class="ti ti-eye-exclamation"></i></div>
<div v-if="video.isSensitive" :class="$style.indicator" style="color: var(--warn);" :title="i18n.ts.sensitive"><i class="ph-warning ph-bold ph-lg"></i></div>
</div>
</div>
@ -177,13 +177,13 @@ function showMenu(ev: MouseEvent) {
{
type: 'switch',
text: i18n.ts._mediaControls.loop,
icon: 'ti ti-repeat',
icon: 'ph ph-repeat',
ref: loop,
},
{
type: 'radio',
text: i18n.ts._mediaControls.playbackRate,
icon: 'ti ti-clock-play',
icon: 'ph ph-gauge',
ref: speed,
options: {
'0.25x': 0.25,
@ -197,7 +197,7 @@ function showMenu(ev: MouseEvent) {
},
...(document.pictureInPictureEnabled ? [{
text: i18n.ts._mediaControls.pip,
icon: 'ti ti-picture-in-picture',
icon: 'ph ph-picture-in-picture',
action: togglePictureInPicture,
}] : []),
{
@ -227,7 +227,7 @@ function showMenu(ev: MouseEvent) {
}, {
type: 'link' as const,
text: i18n.ts._fileViewer.title,
icon: 'ti ti-info-circle',
icon: 'ph ph-info',
to: `/my/drive/file/${props.video.id}`,
});
}

2
packages/frontend/src/components/MkMenu.vue
View file

@ -53,7 +53,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<i v-if="item.icon" class="ti-fw" :class="[$style.icon, item.icon]" style="pointer-events: none;"></i>
<div :class="$style.item_content">
<span :class="$style.item_content_text" style="pointer-events: none;">{{ item.text }}</span>
<span :class="$style.caret" style="pointer-events: none;"><i class="ti ti-chevron-right ti-fw"></i></span>
<span :class="$style.caret" style="pointer-events: none;"><i class="ph-caret-right ph-bold ph-lg"></i></span>
</div>
</button>
<button v-else-if="item.type === 'radioOption'" :tabindex="i" class="_button" role="menuitem" :class="[$style.item, { [$style.radioActive]: item.active }]" @click="clicked(item.action, $event, false)" @mouseenter.passive="onItemMouseEnter(item)" @mouseleave.passive="onItemMouseLeave(item)">

2
packages/frontend/src/components/page/page.dynamic.vue
View file

@ -6,7 +6,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<!-- 動的ページのブロックの代替。利用できないということを表示する -->
<template>
<div :class="$style.root">
<div :class="$style.heading"><i class="ti ti-dice-5"></i> {{ i18n.ts._pages.blocks.dynamic }}</div>
<div :class="$style.heading"><i class="ph ph-dice-5 ph-bold ph-lg"></i> {{ i18n.ts._pages.blocks.dynamic }}</div>
<I18n :src="i18n.ts._pages.blocks.dynamicDescription" tag="div" :class="$style.text">
<template #play>
<MkA to="/play" class="_link">Play</MkA>

8
packages/frontend/src/pages/page.vue
View file

@ -68,8 +68,8 @@ SPDX-License-Identifier: AGPL-3.0-only
<MkFollowButton v-if="!$i || $i.id != page.user.id" :user="page.user!" :inline="true" :transparent="false" :full="true" :class="$style.follow"/>
</div>
<div :class="$style.pageDate">
<div><i class="ti ti-clock"></i> {{ i18n.ts.createdAt }}: <MkTime :time="page.createdAt" mode="detail"/></div>
<div v-if="page.createdAt != page.updatedAt"><i class="ti ti-clock-edit"></i> {{ i18n.ts.updatedAt }}: <MkTime :time="page.updatedAt" mode="detail"/></div>
<div><i class="ph ph-clock ph-bold ph-lg"></i> {{ i18n.ts.createdAt }}: <MkTime :time="page.createdAt" mode="detail"/></div>
<div v-if="page.createdAt != page.updatedAt"><i class="ph-pencil-simple ph-bold ph-lg"></i> {{ i18n.ts.updatedAt }}: <MkTime :time="page.updatedAt" mode="detail"/></div>
</div>
<div :class="$style.pageLinks">
<MkA v-if="!$i || $i.id !== page.userId" :to="`/@${username}/pages/${pageName}/view-source`" class="link">{{ i18n.ts._pages.viewSource }}</MkA>
@ -163,12 +163,12 @@ function share(ev: MouseEvent) {
os.popupMenu([
{
text: i18n.ts.shareWithNote,
icon: 'ti ti-pencil',
icon: 'ph-pencil-simple',
action: shareWithNote,
},
...(isSupportShare() ? [{
text: i18n.ts.share,
icon: 'ti ti-share',
icon: 'ph-share-network',
action: shareWithNavigator,
}] : []),
], ev.currentTarget ?? ev.target);

2
packages/frontend/src/pages/settings/2fa.vue
View file

@ -32,7 +32,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<div v-else-if="!$i.twoFactorEnabled" class="_gaps_s">
<MkButton primary gradate @click="registerTOTP">{{ i18n.ts._2fa.registerTOTP }}</MkButton>
<MkLink url="https://misskey-hub.net/docs/for-users/stepped-guides/how-to-enable-2fa/" target="_blank"><i class="ti ti-help-circle"></i> {{ i18n.ts.learnMore }}</MkLink>
<MkLink url="https://misskey-hub.net/docs/for-users/stepped-guides/how-to-enable-2fa/" target="_blank"><i class="ph-question ph-bold ph-lg"></i> {{ i18n.ts.learnMore }}</MkLink>
</div>
</MkFolder>

2
packages/frontend/src/pages/settings/plugin.vue
View file

@ -47,7 +47,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<div class="_gaps_s">
<div class="_buttons">
<MkButton inline @click="copy(pluginLogs.get(plugin.id)?.join('\n'))"><i class="ti ti-copy"></i> {{ i18n.ts.copy }}</MkButton>
<MkButton inline @click="copy(pluginLogs.get(plugin.id)?.join('\n'))"><i class="ph-copy ph-bold ph-lg"></i> {{ i18n.ts.copy }}</MkButton>
</div>
<MkCode :code="pluginLogs.get(plugin.id)?.join('\n') ?? ''"/>

16
packages/frontend/src/scripts/get-note-menu.ts
View file

@ -347,7 +347,7 @@ export function getNoteMenu(props: {
action: () => toggleThreadMute(true),
}),
appearNote.userId === $i.id ? ($i.pinnedNoteIds ?? []).includes(appearNote.id) ? {
icon: 'ph-push-pin ph-bold ph-lgned-off',
icon: 'ph-push-pin-slash ph-bold ph-lg',
text: i18n.ts.unpin,
action: () => togglePin(false),
} : {
@ -386,7 +386,7 @@ export function getNoteMenu(props: {
{ type: 'divider' },
{
type: 'parent' as const,
icon: 'ti ti-device-tv',
icon: 'ph-television ph-bold ph-lg',
text: i18n.ts.channel,
children: async () => {
const channelChildMenu = [] as MenuItem[];
@ -395,7 +395,7 @@ export function getNoteMenu(props: {
if (channel.pinnedNoteIds.includes(appearNote.id)) {
channelChildMenu.push({
icon: 'ti ti-pinned-off',
icon: 'ph-push-pin-slash ph-bold ph-lg',
text: i18n.ts.unpin,
action: () => os.apiWithDialog('channels/update', {
channelId: appearNote.channel!.id,
@ -404,7 +404,7 @@ export function getNoteMenu(props: {
});
} else {
channelChildMenu.push({
icon: 'ti ti-pin',
icon: 'ph-push-pin ph-bold ph-lg',
text: i18n.ts.pin,
action: () => os.apiWithDialog('channels/update', {
channelId: appearNote.channel!.id,
@ -527,7 +527,7 @@ export function getRenoteMenu(props: {
if (appearNote.channel) {
channelRenoteItems.push(...[{
text: i18n.ts.inChannelRenote,
icon: 'ti ti-repeat',
icon: 'ph ph-repeat',
action: () => {
const el = props.renoteButton.value;
if (el) {
@ -548,7 +548,7 @@ export function getRenoteMenu(props: {
},
}, {
text: i18n.ts.inChannelQuote,
icon: 'ti ti-quote',
icon: 'ph ph-quotes',
action: () => {
if (!props.mock) {
os.post({
@ -563,7 +563,7 @@ export function getRenoteMenu(props: {
if (!appearNote.channel || appearNote.channel.allowRenoteToExternal) {
normalRenoteItems.push(...[{
text: i18n.ts.renote,
icon: 'ti ti-repeat',
icon: 'ph ph-repeat',
action: () => {
const el = props.renoteButton.value;
if (el) {
@ -594,7 +594,7 @@ export function getRenoteMenu(props: {
},
}, (props.mock) ? undefined : {
text: i18n.ts.quote,
icon: 'ti ti-quote',
icon: 'ph ph-quotes',
action: () => {
os.post({
renote: appearNote,

2
packages/frontend/src/widgets/WidgetBirthdayFollowings.vue
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="ti ti-refresh"></i></button></template>
<template #func="{ buttonStyleClass }"><button class="_button" :class="buttonStyleClass" @click="actualFetch()"><i class="ph-arrows-clockwise ph-bold ph-lg"></i></button></template>
<div :class="$style.bdayFRoot">
<MkLoading v-if="fetching"/>