replaced a bunch of ti-*

This commit is contained in:
dakkar 2024-06-22 13:34:55 +01:00
parent fc00c7401e
commit df26b6501d
104 changed files with 267 additions and 213 deletions

View file

@ -28,7 +28,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<option value="not">{{ i18n.ts._role._condition.not }}</option>
</MkSelect>
<button v-if="draggable" class="drag-handle _button" :class="$style.dragHandle">
<i class="ph-list ph-bold ph-lg-2"></i>
<i class="ti ti-menu-2"></i>
</button>
<button v-if="draggable" class="_button" :class="$style.remove" @click="removeSelf">
<i class="ti ti-x"></i>

View file

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

View file

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

View file

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

View file

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

View file

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

View file

@ -100,7 +100,7 @@ const menuDef = computed(() => [{
action: adminLookup,
}, ...(instance.disableRegistration ? [{
type: 'button',
icon: 'ph-user-plus ph-bold ph-lg',
icon: 'ti ti-user-plus',
text: i18n.ts.createInviteCode,
action: invite,
}] : [])],
@ -117,7 +117,7 @@ const menuDef = computed(() => [{
to: '/admin/users',
active: currentPage.value?.route.name === 'users',
}, {
icon: 'ph-user-plus ph-bold ph-lg',
icon: 'ti ti-user-plus',
text: i18n.ts.invite,
to: '/admin/invites',
active: currentPage.value?.route.name === 'invites',
@ -127,7 +127,7 @@ const menuDef = computed(() => [{
to: '/admin/approvals',
active: currentPage.value?.route.name === 'approvals',
}, {
icon: 'ph-seal-check ph-bold ph-lg',
icon: 'ti ti-badges',
text: i18n.ts.roles,
to: '/admin/roles',
active: currentPage.value?.route.name === 'roles',
@ -157,12 +157,12 @@ const menuDef = computed(() => [{
to: '/admin/files',
active: currentPage.value?.route.name === 'files',
}, {
icon: 'ph-megaphone ph-bold ph-lg',
icon: 'ti ti-speakerphone',
text: i18n.ts.announcements,
to: '/admin/announcements',
active: currentPage.value?.route.name === 'announcements',
}, {
icon: 'ph-flag ph-bold ph-lg',
icon: 'ti ti-ad',
text: i18n.ts.ads,
to: '/admin/ads',
active: currentPage.value?.route.name === 'ads',
@ -185,7 +185,7 @@ const menuDef = computed(() => [{
to: '/admin/settings',
active: currentPage.value?.route.name === 'settings',
}, {
icon: 'ph-paint-roller ph-bold ph-lg',
icon: 'ti ti-paint',
text: i18n.ts.branding,
to: '/admin/branding',
active: currentPage.value?.route.name === 'branding',
@ -195,7 +195,7 @@ const menuDef = computed(() => [{
to: '/admin/moderation',
active: currentPage.value?.route.name === 'moderation',
}, {
icon: 'ph-envelope ph-bold ph-lg',
icon: 'ti ti-mail',
text: i18n.ts.emailServer,
to: '/admin/email-settings',
active: currentPage.value?.route.name === 'email-settings',
@ -215,7 +215,7 @@ const menuDef = computed(() => [{
to: '/admin/relays',
active: currentPage.value?.route.name === 'relays',
}, {
icon: 'ph-prohibit ph-bold ph-lg',
icon: 'ti ti-ban',
text: i18n.ts.instanceBlocking,
to: '/admin/instance-block',
active: currentPage.value?.route.name === 'instance-block',
@ -238,7 +238,7 @@ const menuDef = computed(() => [{
}, {
title: i18n.ts.info,
items: [{
icon: 'ph-database ph-bold ph-lg',
icon: 'ti ti-database',
text: i18n.ts.database,
to: '/admin/database',
active: currentPage.value?.route.name === 'database',
@ -305,13 +305,13 @@ function invite() {
function adminLookup(ev: MouseEvent) {
os.popupMenu([{
text: i18n.ts.user,
icon: 'ph-user ph-bold ph-lg',
icon: 'ti ti-user',
action: () => {
lookupUser();
},
}, {
text: `${i18n.ts.user} (${i18n.ts.email})`,
icon: 'ph-user ph-bold ph-lg',
icon: 'ti ti-user',
action: () => {
lookupUserByEmail();
},

View file

@ -59,7 +59,7 @@ const headerActions = computed(() => []);
const headerTabs = computed(() => [{
key: 'block',
title: i18n.ts.block,
icon: 'ph-prohibit ph-bold ph-lg',
icon: 'ti ti-ban',
}, {
key: 'silence',
title: i18n.ts.silence,
@ -68,6 +68,6 @@ const headerTabs = computed(() => [{
definePageMetadata(() => ({
title: i18n.ts.instanceBlocking,
icon: 'ph-prohibit ph-bold ph-lg',
icon: 'ti ti-ban',
}));
</script>

View file

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

View file

@ -12,7 +12,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<div>{{ relay.inbox }}</div>
<div style="margin: 8px 0;">
<i v-if="relay.status === 'accepted'" class="ti ti-check" :class="$style.icon" style="color: var(--success);"></i>
<i v-else-if="relay.status === 'rejected'" class="ph-prohibit ph-bold ph-lg" :class="$style.icon" style="color: var(--error);"></i>
<i v-else-if="relay.status === 'rejected'" class="ti ti-ban" :class="$style.icon" style="color: var(--error);"></i>
<i v-else class="ti ti-clock" :class="$style.icon"></i>
<span>{{ i18n.ts._relayStatus[relay.status] }}</span>
</div>

View file

@ -89,7 +89,7 @@ const headerTabs = computed(() => []);
definePageMetadata(() => ({
title: role.value ? `${i18n.ts._role.edit}: ${role.value.name}` : i18n.ts._role.new,
icon: 'ph-seal-check ph-bold ph-lg',
icon: 'ti ti-badge',
}));
</script>

View file

@ -172,7 +172,7 @@ const headerTabs = computed(() => []);
definePageMetadata(() => ({
title: `${i18n.ts.role}: ${role.name}`,
icon: 'ph-seal-check ph-bold ph-lg',
icon: 'ti ti-badge',
}));
</script>

View file

@ -299,7 +299,7 @@ const headerTabs = computed(() => []);
definePageMetadata(() => ({
title: i18n.ts.roles,
icon: 'ph-seal-check ph-bold ph-lg',
icon: 'ti ti-badges',
}));
</script>

View file

@ -23,7 +23,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<div :class="$style.item">
<div :class="$style.itemHeader">
<div :class="$style.itemNumber" v-text="String(index + 1)"/>
<span :class="$style.itemHandle"><i class="ph-list ph-bold ph-lg"/></span>
<span :class="$style.itemHandle"><i class="ti ti-menu"/></span>
<button class="_button" :class="$style.itemRemove" @click="remove(index)"><i class="ti ti-x"></i></button>
</div>
<MkInput v-model="serverRules[index]"/>

View file

@ -29,7 +29,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</MkInput>
<MkInput v-model="maintainerEmail" type="email">
<template #prefix><i class="ph-envelope ph-bold ph-lg"></i></template>
<template #prefix><i class="ti ti-mail"></i></template>
<template #label>{{ i18n.ts.maintainerEmail }}</template>
</MkInput>
</FormSplit>