amechama/sharkey
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update our icons to the new custom font

Browse Source 
mostly, `ph-bold` was replacing the font-family, so we're now using
`sk-icons-lg`
This commit is contained in:
dakkar 2024-08-06 18:05:15 +01:00
parent 94dceb9e15
commit 65ae788d90
3 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/frontend/src/pages/settings/general.vue
View File

@ -98,8 +98,8 @@ SPDX-License-Identifier: AGPL-3.0-only
</MkRadios> </MkRadios>
<MkRadios v-model="noteDesign"> <MkRadios v-model="noteDesign">
<template #label>Note Design</template> <template #label>Note Design</template>
<option value="sharkey"><i class="sk-icons sk-shark ph-bold" style="top: 2px;position: relative;"></i> Sharkey</option> <option value="sharkey"><i class="sk-icons sk-shark sk-icons-lg" style="top: 2px;position: relative;"></i> Sharkey</option>
<option value="misskey"><i class="sk-icons sk-misskey ph-bold" style="top: 2px;position: relative;"></i> Misskey</option> <option value="misskey"><i class="sk-icons sk-misskey sk-icons-lg" style="top: 2px;position: relative;"></i> Misskey</option>
</MkRadios> </MkRadios>
<MkSwitch v-model="limitWidthOfReaction">{{ i18n.ts.limitWidthOfReaction }}</MkSwitch> <MkSwitch v-model="limitWidthOfReaction">{{ i18n.ts.limitWidthOfReaction }}</MkSwitch>
</div> </div>
@ -213,8 +213,8 @@ SPDX-License-Identifier: AGPL-3.0-only
<MkRadios v-model="cornerRadius"> <MkRadios v-model="cornerRadius">
<template #label>{{ i18n.ts.cornerRadius }}</template> <template #label>{{ i18n.ts.cornerRadius }}</template>
<option :value="null"><i class="sk-icons sk-shark ph-bold" style="top: 2px;position: relative;"></i> Sharkey</option> <option :value="null"><i class="sk-icons sk-shark sk-icons-lg" style="top: 2px;position: relative;"></i> Sharkey</option>
<option value="misskey"><i class="sk-icons sk-misskey ph-bold" style="top: 2px;position: relative;"></i> Misskey</option> <option value="misskey"><i class="sk-icons sk-misskey sk-icons-lg" style="top: 2px;position: relative;"></i> Misskey</option>
</MkRadios> </MkRadios>
</div> </div>
</FormSection> </FormSection>
@ -590,7 +590,7 @@ function testNotification(): void {
async function testNotificationDot() { async function testNotificationDot() {
const success = await worksOnInstance(); const success = await worksOnInstance();
if (success) { if (success) {
os.toast(i18n.ts.notificationDotWorking); os.toast(i18n.ts.notificationDotWorking);
} else { } else {

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

@ -125,7 +125,7 @@ export function openInstanceMenu(ev: MouseEvent) {
} : undefined, { } : undefined, {
type: 'link', type: 'link',
text: i18n.ts.aboutMisskey, text: i18n.ts.aboutMisskey,
icon: 'sk-icons sk-shark ph-bold', icon: 'sk-icons sk-shark sk-icons-lg',
to: '/about-sharkey', to: '/about-sharkey',
}], ev.currentTarget ?? ev.target, { }], ev.currentTarget ?? ev.target, {
align: 'left', align: 'left',

4
packages/frontend/vite.replaceIcons.ts
View File

@ -129,7 +129,7 @@ export function pluginReplaceIcons() {
iconsReplace({ iconsReplace({
values: { values: {
'icon ti ti-brand-youtube': 'icon ph-youtube-logo ph-bold ph-lg', 'icon ti ti-brand-youtube': 'icon ph-youtube-logo ph-bold ph-lg',
'ti ti ti-folder-symlink': 'ph-folder-dashed ph-bold ph-lg', 'ti ti ti-folder-symlink': 'sk-icons sk-foldermove sk-icons-lg',
'ti ti-123': 'ph-numpad ph-bold ph-lg', 'ti ti-123': 'ph-numpad ph-bold ph-lg',
'ti ti-access-point': 'ph-broadcast ph-bold ph-lg', 'ti ti-access-point': 'ph-broadcast ph-bold ph-lg',
'ti ti-activity': 'ph-pulse ph-bold ph-lg', 'ti ti-activity': 'ph-pulse ph-bold ph-lg',
@ -238,7 +238,7 @@ export function pluginReplaceIcons() {
'ti ti-flask': 'ph-flask ph-bold ph-lg', 'ti ti-flask': 'ph-flask ph-bold ph-lg',
'ti ti-folder': 'ph-folder ph-bold ph-lg', 'ti ti-folder': 'ph-folder ph-bold ph-lg',
'ti ti-folder-plus': 'ph-folder-plus ph-bold ph-lg', 'ti ti-folder-plus': 'ph-folder-plus ph-bold ph-lg',
'ti ti-folder-symlink': 'ph-folder-dashed ph-bold ph-lg', 'ti ti-folder-symlink': 'sk-icons sk-foldermove sk-icons-lg',
'ti ti-forms': 'ph-textbox ph-bold ph-lg', 'ti ti-forms': 'ph-textbox ph-bold ph-lg',
'ti ti-ghost': 'ph-ghost ph-bold ph-lg', 'ti ti-ghost': 'ph-ghost ph-bold ph-lg',
'ti ti-grid-dots': 'ph-dots-nine ph-bold ph-lg', 'ti ti-grid-dots': 'ph-dots-nine ph-bold ph-lg',