heartles/egirlskey
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity

replaced ti-info-circle

Browse source
This commit is contained in:
dakkar 2024-06-21 16:27:36 +01:00
parent 5409440501
commit d2b4b2fb94
27 changed files with 31 additions and 30 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -8,7 +8,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<div ref="rootEl" :class="$style.root">
<div :class="$style.header">
<span :class="$style.icon">
<i v-if="announcement.icon === 'info'" class="ph-info ph-bold ph-lg"></i>
<i v-if="announcement.icon === 'info'" class="ti ti-info-circle"></i>
<i v-else-if="announcement.icon === 'warning'" class="ti ti-alert-triangle" style="color: var(--warn);"></i>
<i v-else-if="announcement.icon === 'error'" class="ph-seal-warning ph-bold ph-lg" style="color: var(--error);"></i>
<i v-else-if="announcement.icon === 'success'" class="ph-check-circle ph-bold ph-lg" style="color: var(--success);"></i>

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

@ -21,7 +21,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<i v-if="type === 'success'" :class="$style.iconInner" class="ti ti-check"></i>
<i v-else-if="type === 'error'" :class="$style.iconInner" class="ti ti-circle-x"></i>
<i v-else-if="type === 'warning'" :class="$style.iconInner" class="ti ti-alert-triangle"></i>
<i v-else-if="type === 'info'" :class="$style.iconInner" class="ph-info ph-bold ph-lg"></i>
<i v-else-if="type === 'info'" :class="$style.iconInner" class="ti ti-info-circle"></i>
<i v-else-if="type === 'question'" :class="$style.iconInner" class="ph-question ph-bold ph-lg"></i>
<MkLoading v-else-if="type === 'waiting'" :class="$style.iconInner" :em="true"/>
</div>

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

@ -6,7 +6,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<template>
<div :class="[$style.root, { [$style.warn]: warn }]">
<i v-if="warn" class="ti ti-alert-triangle" :class="$style.i"></i>
<i v-else class="ph-info ph-bold ph-lg" :class="$style.i"></i>
<i v-else class="ti ti-info-circle" :class="$style.i"></i>
<div><slot></slot></div>
<button v-if="closable" :class="$style.button" class="_button" @click="close()"><i class="ph-x ph-bold ph-lg"></i></button>
</div>

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

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

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

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

2
packages/frontend/src/components/MkReactionsViewer.reaction.vue
View file

@ -112,7 +112,7 @@ async function menu(ev) {
os.popupMenu([{
text: i18n.ts.info,
icon: 'ph-info ph-bold ph-lg',
icon: 'ti ti-info-circle',
action: async () => {
os.popup(MkCustomEmojiDetailedDialog, {
emoji: await misskeyApiGet('emoji', {

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

@ -24,7 +24,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</MkTextarea>
<MkRadios v-model="icon">
<template #label>{{ i18n.ts.icon }}</template>
<option value="info"><i class="ph-info ph-bold ph-lg"></i></option>
<option value="info"><i class="ti ti-info-circle"></i></option>
<option value="warning"><i class="ti ti-alert-triangle" style="color: var(--warn);"></i></option>
<option value="error"><i class="ti ti-circle-x" style="color: var(--error);"></i></option>
<option value="success"><i class="ti ti-check" style="color: var(--success);"></i></option>

2
packages/frontend/src/components/global/MkAd.vue
View file

@ -26,7 +26,7 @@ SPDX-License-Identifier: AGPL-3.0-only
}"
>
<img :src="chosen.imageUrl" :class="$style.img">
<button class="_button" :class="$style.i" @click.prevent.stop="toggleMenu"><i :class="$style.iIcon" class="ph-info ph-bold ph-lg"></i></button>
<button class="_button" :class="$style.i" @click.prevent.stop="toggleMenu"><i :class="$style.iIcon" class="ti ti-info-circle"></i></button>
</component>
</div>
<div v-else :class="$style.menu">

2
packages/frontend/src/components/global/MkCustomEmoji.vue
View file

@ -105,7 +105,7 @@ function onClick(ev: MouseEvent) {
},
}] : []), {
text: i18n.ts.info,
icon: 'ph-info ph-bold ph-lg',
icon: 'ti ti-info-circle',
action: async () => {
os.popup(MkCustomEmojiDetailedDialog, {
emoji: await misskeyApiGet('emoji', {

2
packages/frontend/src/navbar.ts
View file

@ -153,7 +153,7 @@ export const navbarItemDef = reactive({
},
about: {
title: i18n.ts.about,
icon: 'ph-info ph-bold ph-lg',
icon: 'ti ti-info-circle',
action: (ev) => {
openInstanceMenu(ev);
},

4
packages/frontend/src/pages/about.vue
View file

@ -32,7 +32,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<div v-html="i18n.tsx.poweredByMisskeyDescription({ name: instance.name ?? host })">
</div>
<FormLink to="/about-sharkey">
<template #icon><i class="ph-info ph-bold ph-lg"></i></template>
<template #icon><i class="ti ti-info-circle"></i></template>
{{ i18n.ts.aboutMisskey }}
</FormLink>
<FormLink v-if="instance.repositoryUrl || instance.providesTarball" :to="instance.repositoryUrl || `/tarball/sharkey-${version}.tar.gz`" external>
@ -193,7 +193,7 @@ const headerTabs = computed(() => [{
definePageMetadata(() => ({
title: i18n.ts.instanceInfo,
icon: 'ph-info ph-bold ph-lg',
icon: 'ti ti-info-circle',
}));
</script>

2
packages/frontend/src/pages/admin-file.vue
View file

@ -129,7 +129,7 @@ const headerActions = computed(() => [{
const headerTabs = computed(() => [{
key: 'overview',
title: i18n.ts.overview,
icon: 'ph-info ph-bold ph-lg',
icon: 'ti ti-info-circle',
}, iAmModerator ? {
key: 'ip',
title: 'IP',

4
packages/frontend/src/pages/admin-user.vue
View file

@ -145,7 +145,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<div class="_gaps_s">
<div v-for="announcement in items" :key="announcement.id" v-panel :class="$style.announcementItem" @click="editAnnouncement(announcement)">
<span style="margin-right: 0.5em;">
<i v-if="announcement.icon === 'info'" class="ph-info ph-bold ph-lg"></i>
<i v-if="announcement.icon === 'info'" class="ti ti-info-circle"></i>
<i v-else-if="announcement.icon === 'warning'" class="ti ti-alert-triangle" style="color: var(--warn);"></i>
<i v-else-if="announcement.icon === 'error'" class="ti ti-circle-x" style="color: var(--error);"></i>
<i v-else-if="announcement.icon === 'success'" class="ti ti-check" style="color: var(--success);"></i>
@ -513,7 +513,7 @@ const headerActions = computed(() => []);
const headerTabs = computed(() => [{
key: 'overview',
title: i18n.ts.overview,
icon: 'ph-info ph-bold ph-lg',
icon: 'ti ti-info-circle',
}, {
key: 'roles',
title: i18n.ts.roles,

4
packages/frontend/src/pages/admin/announcements.vue
View file

@ -14,7 +14,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<MkFolder v-for="announcement in announcements" :key="announcement.id ?? announcement._id" :defaultOpen="announcement.id == null">
<template #label>{{ announcement.title }}</template>
<template #icon>
<i v-if="announcement.icon === 'info'" class="ph-info ph-bold ph-lg"></i>
<i v-if="announcement.icon === 'info'" class="ti ti-info-circle"></i>
<i v-else-if="announcement.icon === 'warning'" class="ti ti-alert-triangle" style="color: var(--warn);"></i>
<i v-else-if="announcement.icon === 'error'" class="ti ti-circle-x" style="color: var(--error);"></i>
<i v-else-if="announcement.icon === 'success'" class="ti ti-check" style="color: var(--success);"></i>
@ -33,7 +33,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</MkInput>
<MkRadios v-model="announcement.icon">
<template #label>{{ i18n.ts.icon }}</template>
<option value="info"><i class="ph-info ph-bold ph-lg"></i></option>
<option value="info"><i class="ti ti-info-circle"></i></option>
<option value="warning"><i class="ti ti-alert-triangle" style="color: var(--warn);"></i></option>
<option value="error"><i class="ti ti-circle-x" style="color: var(--error);"></i></option>
<option value="success"><i class="ti ti-check" style="color: var(--success);"></i></option>

2
packages/frontend/src/pages/admin/roles.role.vue
View file

@ -14,7 +14,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<MkButton danger rounded @click="del"><i class="ph-trash ph-bold ph-lg"></i> {{ i18n.ts.delete }}</MkButton>
</div>
<MkFolder>
<template #icon><i class="ph-info ph-bold ph-lg"></i></template>
<template #icon><i class="ti ti-info-circle"></i></template>
<template #label>{{ i18n.ts.info }}</template>
<XEditor :modelValue="role" readonly/>
</MkFolder>

2
packages/frontend/src/pages/announcement.vue
View file

@ -19,7 +19,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<div :class="$style.header">
<span v-if="$i && !announcement.silence && !announcement.isRead" style="margin-right: 0.5em;">🆕</span>
<span style="margin-right: 0.5em;">
<i v-if="announcement.icon === 'info'" class="ph-info ph-bold ph-lg"></i>
<i v-if="announcement.icon === 'info'" class="ti ti-info-circle"></i>
<i v-else-if="announcement.icon === 'warning'" class="ti ti-alert-triangle" style="color: var(--warn);"></i>
<i v-else-if="announcement.icon === 'error'" class="ph-seal-warning ph-bold ph-lg" style="color: var(--error);"></i>
<i v-else-if="announcement.icon === 'success'" class="ph-check-circle ph-bold ph-lg" style="color: var(--success);"></i>

2
packages/frontend/src/pages/announcements.vue
View file

@ -16,7 +16,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<div :class="$style.header">
<span v-if="$i && !announcement.silence && !announcement.isRead" style="margin-right: 0.5em;">🆕</span>
<span style="margin-right: 0.5em;">
<i v-if="announcement.icon === 'info'" class="ph-info ph-bold ph-lg"></i>
<i v-if="announcement.icon === 'info'" class="ti ti-info-circle"></i>
<i v-else-if="announcement.icon === 'warning'" class="ti ti-alert-triangle" style="color: var(--warn);"></i>
<i v-else-if="announcement.icon === 'error'" class="ti ti-circle-x" style="color: var(--error);"></i>
<i v-else-if="announcement.icon === 'success'" class="ti ti-check" style="color: var(--success);"></i>

2
packages/frontend/src/pages/channel.vue
View file

@ -277,7 +277,7 @@ const headerActions = computed(() => {
const headerTabs = computed(() => [{
key: 'overview',
title: i18n.ts.overview,
icon: 'ph-info ph-bold ph-lg',
icon: 'ti ti-info-circle',
}, {
key: 'timeline',
title: i18n.ts.timeline,

2
packages/frontend/src/pages/drive.file.vue
View file

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

2
packages/frontend/src/pages/emojis.emoji.vue
View file

@ -38,7 +38,7 @@ function menu(ev) {
},
}, {
text: i18n.ts.info,
icon: 'ph-info ph-bold ph-lg',
icon: 'ti ti-info-circle',
action: async () => {
os.popup(MkCustomEmojiDetailedDialog, {
emoji: await misskeyApiGet('emoji', {

2
packages/frontend/src/pages/instance-info.vue
View file

@ -270,7 +270,7 @@ const headerActions = computed(() => [{
const headerTabs = computed(() => [{
key: 'overview',
title: i18n.ts.overview,
icon: 'ph-info ph-bold ph-lg',
icon: 'ti ti-info-circle',
}, {
key: 'chart',
title: i18n.ts.charts,

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

@ -18,7 +18,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<FormSection first>
<div class="_gaps_s">
<MkFolder>
<template #icon><i class="ph-info ph-bold ph-lg"></i></template>
<template #icon><i class="ti ti-info-circle"></i></template>
<template #label>{{ i18n.ts.accountInfo }}</template>
<div class="_gaps_m">

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

@ -323,7 +323,7 @@ export function getNoteMenu(props: {
action: unclip,
}, { type: 'divider' }] : []
), {
icon: 'ph-info ph-bold ph-lg',
icon: 'ti ti-info-circle',
text: i18n.ts.details,
action: openDetail,
}, {
@ -472,7 +472,7 @@ export function getNoteMenu(props: {
.filter(x => x !== undefined);
} else {
menu = [{
icon: 'ph-info ph-bold ph-lg',
icon: 'ti ti-info-circle',
text: i18n.ts.details,
action: openDetail,
}, {

2
packages/frontend/src/ui/_common_/announcements.vue
View file

@ -12,7 +12,7 @@ SPDX-License-Identifier: AGPL-3.0-only
:to="`/announcements/${announcement.id}`"
>
<span :class="$style.icon">
<i v-if="announcement.icon === 'info'" class="ph-info ph-bold ph-lg"></i>
<i v-if="announcement.icon === 'info'" class="ti ti-info-circle"></i>
<i v-else-if="announcement.icon === 'warning'" class="ti ti-alert-triangle" style="color: var(--warn);"></i>
<i v-else-if="announcement.icon === 'error'" class="ti ti-circle-x" style="color: var(--error);"></i>
<i v-else-if="announcement.icon === 'success'" class="ti ti-check" style="color: var(--success);"></i>

2
packages/frontend/src/ui/_common_/common.ts
View file

@ -47,7 +47,7 @@ export function openInstanceMenu(ev: MouseEvent) {
}, {
type: 'link',
text: i18n.ts.instanceInfo,
icon: 'ph-info ph-bold ph-lg',
icon: 'ti ti-info-circle',
to: '/about',
}, {
type: 'link',

1
packages/frontend/vite.config.ts
View file

@ -164,6 +164,7 @@ export function getConfig(): UserConfig {
'ti ti-users': 'ph-users ph-bold ph-lg',
'ti ti-exclamation-circle': 'ph-warning-circle ph-bold ph-lg',
'ti ti-user-exclamation': 'ph-warning-circle ph-bold ph-lg',
'ti ti-info-circle': 'ph-info ph-bold ph-lg',
},
}),
...process.env.NODE_ENV === 'production'