Mizah/Sharkey
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

upd: fix rest of icons

Browse source
This commit is contained in:
Insert5StarName 2023-10-01 00:46:42 +02:00
parent 7b179d3a92
commit b50c1ef9a5
90 changed files with 187 additions and 187 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -42,7 +42,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</div>
<div class="_buttonsCenter" style="margin-top: 16px;">
<MkButton rounded @click="cancel">{{ i18n.ts.cancel }}</MkButton>
<MkButton primary rounded gradate @click="page++">{{ i18n.ts.continue }} <i class="ti ti-arrow-right"></i></MkButton>
<MkButton primary rounded gradate @click="page++">{{ i18n.ts.continue }} <i class="ph-arrow-right ph-bold pg-lg"></i></MkButton>
</div>
</MkSpacer>
</div>
@ -56,8 +56,8 @@ SPDX-License-Identifier: AGPL-3.0-only
<div>{{ i18n.ts._2fa.step3 }}</div>
</div>
<div class="_buttonsCenter" style="margin-top: 16px;">
<MkButton rounded @click="page--"><i class="ti ti-arrow-left"></i> {{ i18n.ts.goBack }}</MkButton>
<MkButton primary rounded gradate @click="tokenDone">{{ i18n.ts.continue }} <i class="ti ti-arrow-right"></i></MkButton>
<MkButton rounded @click="page--"><i class="ph-arrow-left ph-bold pg-lg"></i> {{ i18n.ts.goBack }}</MkButton>
<MkButton primary rounded gradate @click="tokenDone">{{ i18n.ts.continue }} <i class="ph-arrow-right ph-bold pg-lg"></i></MkButton>
</div>
</MkSpacer>
</div>

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

@ -47,7 +47,7 @@ const init = async () => {
function menu(account, ev) {
os.popupMenu([{
text: i18n.ts.switch,
icon: 'ti ti-switch-horizontal',
icon: 'ph-arrows-left-right ph-bold ph-lg',
action: () => switchAccount(account),
}, {
text: i18n.ts.logout,

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

@ -77,7 +77,7 @@ const headerTabs = $computed(() => []);
definePageMetadata({
title: i18n.ts.installedApps,
icon: 'ti ti-plug',
icon: 'ph-plug ph-bold ph-lg',
});
</script>

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

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

18
packages/frontend/src/pages/settings/general.vue
View file

@ -20,9 +20,9 @@ SPDX-License-Identifier: AGPL-3.0-only
<MkRadios v-model="overridedDeviceKind">
<template #label>{{ i18n.ts.overridedDeviceKind }}</template>
<option :value="null">{{ i18n.ts.auto }}</option>
<option value="smartphone"><i class="ti ti-device-mobile"/> {{ i18n.ts.smartphone }}</option>
<option value="tablet"><i class="ti ti-device-tablet"/> {{ i18n.ts.tablet }}</option>
<option value="desktop"><i class="ti ti-device-desktop"/> {{ i18n.ts.desktop }}</option>
<option value="smartphone"><i class="ph-device-mobile ph-bold ph-lg"/> {{ i18n.ts.smartphone }}</option>
<option value="tablet"><i class="ph-device-tablet ph-bold ph-lg"/> {{ i18n.ts.tablet }}</option>
<option value="desktop"><i class="ph-desktop ph-bold ph-lg"/> {{ i18n.ts.desktop }}</option>
</MkRadios>
<FormSection>
@ -91,16 +91,16 @@ SPDX-License-Identifier: AGPL-3.0-only
<div class="_gaps_m">
<MkRadios v-model="notificationPosition">
<template #label>{{ i18n.ts.position }}</template>
<option value="leftTop"><i class="ti ti-align-box-left-top"></i> {{ i18n.ts.leftTop }}</option>
<option value="rightTop"><i class="ti ti-align-box-right-top"></i> {{ i18n.ts.rightTop }}</option>
<option value="leftBottom"><i class="ti ti-align-box-left-bottom"></i> {{ i18n.ts.leftBottom }}</option>
<option value="rightBottom"><i class="ti ti-align-box-right-bottom"></i> {{ i18n.ts.rightBottom }}</option>
<option value="leftTop"><i class="ph-arrow-up-left ph-bold ph-lg"></i> {{ i18n.ts.leftTop }}</option>
<option value="rightTop"><i class="ph-arrow-up-right ph-bold ph-lg"></i> {{ i18n.ts.rightTop }}</option>
<option value="leftBottom"><i class="ph-arrow-down-left ph-bold ph-lg"></i> {{ i18n.ts.leftBottom }}</option>
<option value="rightBottom"><i class="ph-arrow-down-right ph-bold ph-lg"></i> {{ i18n.ts.rightBottom }}</option>
</MkRadios>
<MkRadios v-model="notificationStackAxis">
<template #label>{{ i18n.ts.stackAxis }}</template>
<option value="vertical"><i class="ti ti-carousel-vertical"></i> {{ i18n.ts.vertical }}</option>
<option value="horizontal"><i class="ti ti-carousel-horizontal"></i> {{ i18n.ts.horizontal }}</option>
<option value="vertical"><i class="ph-split-vertical ph-bold ph-lg"></i> {{ i18n.ts.vertical }}</option>
<option value="horizontal"><i class="ph-split-horizontal ph-bold ph-lg"></i> {{ i18n.ts.horizontal }}</option>
</MkRadios>
<MkButton @click="testNotification">{{ i18n.ts._notification.checkNotificationBehavior }}</MkButton>

2
packages/frontend/src/pages/settings/import-export.vue
View file

@ -206,7 +206,7 @@ const headerTabs = $computed(() => []);
definePageMetadata({
title: i18n.ts.importAndExport,
icon: 'ti ti-package',
icon: 'ph-package ph-bold ph-lg',
});
</script>

18
packages/frontend/src/pages/settings/index.vue
View file

@ -107,17 +107,17 @@ const menuDef = computed(() => [{
to: '/settings/general',
active: currentPage?.route.name === 'general',
}, {
icon: 'ti ti-palette',
icon: 'ph-palette ph-bold ph-lg',
text: i18n.ts.theme,
to: '/settings/theme',
active: currentPage?.route.name === 'theme',
}, {
icon: 'ti ti-menu-2',
icon: 'ph-list ph-bold ph-lg-2',
text: i18n.ts.navbar,
to: '/settings/navbar',
active: currentPage?.route.name === 'navbar',
}, {
icon: 'ti ti-equal-double',
icon: 'ph-equals ph-bold ph-lg',
text: i18n.ts.statusbar,
to: '/settings/statusbar',
active: currentPage?.route.name === 'statusbar',
@ -127,7 +127,7 @@ const menuDef = computed(() => [{
to: '/settings/sounds',
active: currentPage?.route.name === 'sounds',
}, {
icon: 'ti ti-plug',
icon: 'ph-plug ph-bold ph-lg',
text: i18n.ts.plugins,
to: '/settings/plugin',
active: currentPage?.route.name === 'plugin',
@ -150,7 +150,7 @@ const menuDef = computed(() => [{
to: '/settings/mute-block',
active: currentPage?.route.name === 'mute-block',
}, {
icon: 'ti ti-message-off',
icon: 'ph-bell-slash ph-bold ph-lg',
text: i18n.ts.wordMute,
to: '/settings/word-mute',
active: currentPage?.route.name === 'word-mute',
@ -160,17 +160,17 @@ const menuDef = computed(() => [{
to: '/settings/api',
active: currentPage?.route.name === 'api',
}, {
icon: 'ti ti-webhook',
icon: 'ph-webhooks-logo ph-bold ph-lg',
text: 'Webhook',
to: '/settings/webhook',
active: currentPage?.route.name === 'webhook',
}, {
icon: 'ti ti-package',
icon: 'ph-package ph-bold ph-lg',
text: i18n.ts.importAndExport,
to: '/settings/import-export',
active: currentPage?.route.name === 'import-export',
}, {
icon: 'ti ti-plane',
icon: 'ph-airplane ph-bold ph-lg',
text: `${i18n.ts.accountMigration}`,
to: '/settings/migration',
active: currentPage?.route.name === 'migration',
@ -201,7 +201,7 @@ const menuDef = computed(() => [{
},
}, {
type: 'button',
icon: 'ti ti-power',
icon: 'ph-power ph-bold ph-lg',
text: i18n.ts.logout,
action: async () => {
const { canceled } = await os.confirm({

10
packages/frontend/src/pages/settings/migration.vue
View file

@ -6,7 +6,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<template>
<div class="_gaps_m">
<MkFolder :defaultOpen="true">
<template #icon><i class="ti ti-plane-arrival"></i></template>
<template #icon><i class="ph-airplane-landing ph-bold ph-lg"></i></template>
<template #label>{{ i18n.ts._accountMigration.moveFrom }}</template>
<template #caption>{{ i18n.ts._accountMigration.moveFromSub }}</template>
@ -20,7 +20,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</div>
<div class="_gaps">
<MkInput v-for="(_, i) in accountAliases" v-model="accountAliases[i]">
<template #prefix><i class="ti ti-plane-arrival"></i></template>
<template #prefix><i class="ph-airplane-landing ph-bold ph-lg"></i></template>
<template #label>{{ i18n.t('_accountMigration.moveFromLabel', { n: i + 1 }) }}</template>
</MkInput>
</div>
@ -28,7 +28,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</MkFolder>
<MkFolder :defaultOpen="!!$i?.movedTo">
<template #icon><i class="ti ti-plane-departure"></i></template>
<template #icon><i class="ph-airplane-takeoff ph-bold ph-lg"></i></template>
<template #label>{{ i18n.ts._accountMigration.moveTo }}</template>
<div class="_gaps_m">
@ -39,7 +39,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<FormInfo warn>{{ i18n.ts._accountMigration.moveCannotBeUndone }}</FormInfo>
<MkInput v-model="moveToAccount">
<template #prefix><i class="ti ti-plane-departure"></i></template>
<template #prefix><i class="ph-airplane-takeoff ph-bold ph-lg"></i></template>
<template #label>{{ i18n.ts._accountMigration.moveToLabel }}</template>
</MkInput>
<MkButton inline danger :disabled="!moveToAccount" @click="move">
@ -120,7 +120,7 @@ init();
definePageMetadata({
title: i18n.ts.accountMigration,
icon: 'ti ti-plane',
icon: 'ph-airplane ph-bold ph-lg',
});
</script>

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

@ -21,7 +21,7 @@ SPDX-License-Identifier: AGPL-3.0-only
v-if="element.type === '-' || navbarItemDef[element.type]"
:class="$style.item"
>
<button class="_button" :class="$style.itemHandle"><i class="ti ti-menu"></i></button>
<button class="_button" :class="$style.itemHandle"><i class="ph-list ph-bold ph-lg"></i></button>
<i class="ti-fw" :class="[$style.itemIcon, navbarItemDef[element.type]?.icon]"></i><span :class="$style.itemText">{{ navbarItemDef[element.type]?.title ?? i18n.ts.divider }}</span>
<button class="_button" :class="$style.itemRemove" @click="removeItem(index)"><i class="ph-x ph-bold ph-lg"></i></button>
</div>

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

@ -47,7 +47,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</MkFolder>
<MkFolder>
<template #icon><i class="ti ti-flask"></i></template>
<template #icon><i class="ph-flask ph-bold ph-lg"></i></template>
<template #label>{{ i18n.ts.experimentalFeatures }}</template>
<div class="_gaps_m">

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

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

10
packages/frontend/src/pages/settings/profile.vue
View file

@ -24,17 +24,17 @@ SPDX-License-Identifier: AGPL-3.0-only
<MkInput v-model="profile.location" manualSave>
<template #label>{{ i18n.ts.location }}</template>
<template #prefix><i class="ti ti-map-pin"></i></template>
<template #prefix><i class="ph-map-pin ph-bold ph-lg"></i></template>
</MkInput>
<MkInput v-model="profile.birthday" type="date" manualSave>
<template #label>{{ i18n.ts.birthday }}</template>
<template #prefix><i class="ti ti-cake"></i></template>
<template #prefix><i class="ph-cake ph-bold ph-lg"></i></template>
</MkInput>
<MkInput v-model="profile.listenbrainz" manualSave>
<template #label>ListenBrainz</template>
<template #prefix><i class="ti ti-headphones"></i></template>
<template #prefix><i class="ph-headphones ph-bold ph-lg"></i></template>
</MkInput>
<MkSelect v-model="profile.lang">
@ -51,7 +51,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<div :class="$style.metadataMargin">
<MkButton :disabled="fields.length >= 16" inline style="margin-right: 8px;" @click="addField"><i class="ph-plus ph-bold ph-lg"></i> {{ i18n.ts.add }}</MkButton>
<MkButton v-if="!fieldEditMode" :disabled="fields.length <= 1" inline danger style="margin-right: 8px;" @click="fieldEditMode = !fieldEditMode"><i class="ph-trash ph-bold ph-lg"></i> {{ i18n.ts.delete }}</MkButton>
<MkButton v-else inline style="margin-right: 8px;" @click="fieldEditMode = !fieldEditMode"><i class="ti ti-arrows-sort"></i> {{ i18n.ts.rearrange }}</MkButton>
<MkButton v-else inline style="margin-right: 8px;" @click="fieldEditMode = !fieldEditMode"><i class="ph-arrows-down-up ph-bold ph-lg"></i> {{ i18n.ts.rearrange }}</MkButton>
<MkButton inline primary @click="saveFields"><i class="ph-check ph-bold ph-lg"></i> {{ i18n.ts.save }}</MkButton>
</div>
@ -66,7 +66,7 @@ SPDX-License-Identifier: AGPL-3.0-only
>
<template #item="{element, index}">
<div :class="$style.fieldDragItem">
<button v-if="!fieldEditMode" class="_button" :class="$style.dragItemHandle" tabindex="-1"><i class="ti ti-menu"></i></button>
<button v-if="!fieldEditMode" class="_button" :class="$style.dragItemHandle" tabindex="-1"><i class="ph-list ph-bold ph-lg"></i></button>
<button v-if="fieldEditMode" :disabled="fields.length <= 1" class="_button" :class="$style.dragItemRemove" @click="deleteField(index)"><i class="ph-x ph-bold ph-lg"></i></button>
<div :class="$style.dragItemForm">
<FormSplit :minWidth="200">

2
packages/frontend/src/pages/settings/sounds.sound.vue
View file

@ -14,7 +14,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</MkRange>
<div class="_buttons">
<MkButton inline @click="listen"><i class="ti ti-player-play"></i> {{ i18n.ts.listen }}</MkButton>
<MkButton inline @click="listen"><i class="ph-play ph-bold pg-lg"></i> {{ i18n.ts.listen }}</MkButton>
<MkButton inline primary @click="save"><i class="ph-check ph-bold ph-lg"></i> {{ i18n.ts.save }}</MkButton>
</div>
</div>

2
packages/frontend/src/pages/settings/theme.manage.vue
View file

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

10
packages/frontend/src/pages/settings/theme.vue
View file

@ -34,7 +34,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<div class="selects">
<MkSelect v-model="lightThemeId" large class="select">
<template #label>{{ i18n.ts.themeForLightMode }}</template>
<template #prefix><i class="ti ti-sun"></i></template>
<template #prefix><i class="ph-sun ph-bold ph-lg"></i></template>
<option v-if="instanceLightTheme" :key="'instance:' + instanceLightTheme.id" :value="instanceLightTheme.id">{{ instanceLightTheme.name }}</option>
<optgroup v-if="installedLightThemes.length > 0" :label="i18n.ts._theme.installedThemes">
<option v-for="x in installedLightThemes" :key="'installed:' + x.id" :value="x.id">{{ x.name }}</option>
@ -45,7 +45,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</MkSelect>
<MkSelect v-model="darkThemeId" large class="select">
<template #label>{{ i18n.ts.themeForDarkMode }}</template>
<template #prefix><i class="ti ti-moon"></i></template>
<template #prefix><i class="ph-moon ph-bold ph-lg"></i></template>
<option v-if="instanceDarkTheme" :key="'instance:' + instanceDarkTheme.id" :value="instanceDarkTheme.id">{{ instanceDarkTheme.name }}</option>
<optgroup v-if="installedDarkThemes.length > 0" :label="i18n.ts._theme.installedThemes">
<option v-for="x in installedDarkThemes" :key="'installed:' + x.id" :value="x.id">{{ x.name }}</option>
@ -58,10 +58,10 @@ SPDX-License-Identifier: AGPL-3.0-only
<FormSection>
<div class="_formLinksGrid">
<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="/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="https://assets.misskey.io/theme/list" external><template #icon><i class="ph-globe-hemisphere-west ph-bold ph-lg"></i></template>{{ i18n.ts._theme.explore }}</FormLink>
<FormLink to="/settings/theme/install"><template #icon><i class="ph-download ph-bold ph-lg"></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>
<FormLink to="/theme-editor"><template #icon><i class="ph-paint-roller ph-bold ph-lg"></i></template>{{ i18n.ts._theme.make }}</FormLink>
</div>
</FormSection>
@ -166,7 +166,7 @@ const headerTabs = $computed(() => []);
definePageMetadata({
title: i18n.ts.theme,
icon: 'ti ti-palette',
icon: 'ph-palette ph-bold ph-lg',
});
</script>

2
packages/frontend/src/pages/settings/webhook.edit.vue
View file

@ -114,6 +114,6 @@ const headerTabs = $computed(() => []);
definePageMetadata({
title: 'Edit webhook',
icon: 'ti ti-webhook',
icon: 'ph-webhooks-logo ph-bold ph-lg',
});
</script>

2
packages/frontend/src/pages/settings/webhook.new.vue
View file

@ -84,6 +84,6 @@ const headerTabs = $computed(() => []);
definePageMetadata({
title: 'Create new webhook',
icon: 'ti ti-webhook',
icon: 'ph-webhooks-logo ph-bold ph-lg',
});
</script>

6
packages/frontend/src/pages/settings/webhook.vue
View file

@ -15,8 +15,8 @@ SPDX-License-Identifier: AGPL-3.0-only
<div class="_gaps">
<FormLink v-for="webhook in items" :key="webhook.id" :to="`/settings/webhook/edit/${webhook.id}`">
<template #icon>
<i v-if="webhook.active === false" class="ti ti-player-pause"></i>
<i v-else-if="webhook.latestStatus === null" class="ti ti-circle"></i>
<i v-if="webhook.active === false" class="ph-pause ph-bold ph-lg"></i>
<i v-else-if="webhook.latestStatus === null" class="ph-circle ph-bold ph-lg"></i>
<i v-else-if="[200, 201, 204].includes(webhook.latestStatus)" class="ph-check ph-bold ph-lg" :style="{ color: 'var(--success)' }"></i>
<i v-else class="ph-warning ph-bold ph-lg" :style="{ color: 'var(--error)' }"></i>
</template>
@ -52,6 +52,6 @@ const headerTabs = $computed(() => []);
definePageMetadata({
title: 'Webhook',
icon: 'ti ti-webhook',
icon: 'ph-webhooks-logo ph-bold ph-lg',
});
</script>

2
packages/frontend/src/pages/settings/word-mute.vue
View file

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