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

replaced many more ti-*

Browse source
This commit is contained in:
dakkar 2024-06-22 15:12:43 +01:00
parent f2c56f395e
commit fccfde8f2b
42 changed files with 113 additions and 71 deletions
Download patch file Download diff file Expand all files Collapse all files

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

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

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

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

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

@ -86,7 +86,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</div>
</FormSection>
<FormSection>
<template #label><i class="ph-user-minus ph-bold ph-lg"></i> {{ i18n.ts._exportOrImport.muteList }}</template>
<template #label><i class="ti ti-user-off"></i> {{ i18n.ts._exportOrImport.muteList }}</template>
<div class="_gaps_s">
<MkFolder>
<template #label>{{ i18n.ts.export }}</template>
@ -101,7 +101,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</div>
</FormSection>
<FormSection>
<template #label><i class="ph-user-minus ph-bold ph-lg"></i> {{ i18n.ts._exportOrImport.blockingList }}</template>
<template #label><i class="ti ti-user-off"></i> {{ i18n.ts._exportOrImport.blockingList }}</template>
<div class="_gaps_s">
<MkFolder>
<template #label>{{ i18n.ts.export }}</template>
@ -252,7 +252,7 @@ const headerTabs = computed(() => []);
definePageMetadata(() => ({
title: i18n.ts.importAndExport,
icon: 'ph-package ph-bold ph-lg',
icon: 'ti ti-package',
}));
</script>

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

@ -115,7 +115,7 @@ const menuDef = computed(() => [{
to: '/settings/navbar',
active: currentPage.value?.route.name === 'navbar',
}, {
icon: 'ph-equals ph-bold ph-lg',
icon: 'ti ti-equal-double',
text: i18n.ts.statusbar,
to: '/settings/statusbar',
active: currentPage.value?.route.name === 'statusbar',
@ -143,22 +143,22 @@ const menuDef = computed(() => [{
to: '/settings/mute-block',
active: currentPage.value?.route.name === 'mute-block',
}, {
icon: 'ph-key ph-bold ph-lg',
icon: 'ti ti-api',
text: 'API',
to: '/settings/api',
active: currentPage.value?.route.name === 'api',
}, {
icon: 'ph-webhooks-logo ph-bold ph-lg',
icon: 'ti ti-webhook',
text: 'Webhook',
to: '/settings/webhook',
active: currentPage.value?.route.name === 'webhook',
}, {
icon: 'ph-package ph-bold ph-lg',
icon: 'ti ti-package',
text: i18n.ts.importAndExport,
to: '/settings/import-export',
active: currentPage.value?.route.name === 'import-export',
}, {
icon: 'ph-airplane ph-bold ph-lg',
icon: 'ti ti-plane',
text: `${i18n.ts.accountMigration}`,
to: '/settings/migration',
active: currentPage.value?.route.name === 'migration',
@ -183,7 +183,7 @@ const menuDef = computed(() => [{
},
}, {
type: 'button',
icon: 'ph-power ph-bold ph-lg',
icon: 'ti ti-power',
text: i18n.ts.logout,
action: async () => {
const { canceled } = await os.confirm({

6
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="ph-airplane-landing ph-bold ph-lg"></i></template>
<template #icon><i class="ti ti-plane-arrival"></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="ph-airplane-landing ph-bold ph-lg"></i></template>
<template #prefix><i class="ti ti-plane-arrival"></i></template>
<template #label>{{ i18n.tsx._accountMigration.moveFromLabel({ n: i + 1 }) }}</template>
</MkInput>
</div>
@ -123,7 +123,7 @@ init();
definePageMetadata(() => ({
title: i18n.ts.accountMigration,
icon: 'ph-airplane ph-bold ph-lg',
icon: 'ti ti-plane',
}));
</script>

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

@ -20,7 +20,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</MkFolder>
<MkFolder>
<template #icon><i class="ph-globe-simple ph-bold ph-lg"></i></template>
<template #icon><i class="ti ti-planet-off"></i></template>
<template #label>{{ i18n.ts.instanceMute }}</template>
<XInstanceMute/>

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

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

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

@ -30,7 +30,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<MkInput v-model="profile.location" manualSave>
<template #label>{{ i18n.ts.location }}</template>
<template #prefix><i class="ph-map-pin ph-bold ph-lg"></i></template>
<template #prefix><i class="ti ti-map-pin"></i></template>
</MkInput>
<MkInput v-model="profile.birthday" :max="setMaxBirthDate()" type="date" manualSave>

4
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="ph-sun ph-bold ph-lg"></i></template>
<template #prefix><i class="ti ti-sun"></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="ph-moon ph-bold ph-lg"></i></template>
<template #prefix><i class="ti ti-moon"></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>

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

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

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

@ -16,7 +16,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<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="ph-circle ph-bold ph-lg"></i>
<i v-else-if="webhook.latestStatus === null" class="ti ti-circle"></i>
<i v-else-if="[200, 201, 204].includes(webhook.latestStatus)" class="ti ti-check" :style="{ color: 'var(--success)' }"></i>
<i v-else class="ti ti-alert-triangle" :style="{ color: 'var(--error)' }"></i>
</template>
@ -52,6 +52,6 @@ const headerTabs = computed(() => []);
definePageMetadata(() => ({
title: 'Webhook',
icon: 'ph-webhooks-logo ph-bold ph-lg',
icon: 'ti ti-webhook',
}));
</script>