replaced ti-apps and a few more

This commit is contained in:
dakkar 2024-06-22 14:16:19 +01:00
parent 9f8873574c
commit 138127a5b6
17 changed files with 39 additions and 19 deletions

View file

@ -188,7 +188,7 @@ const headerTabs = computed(() => [{
}, {
key: 'charts',
title: i18n.ts.charts,
icon: 'ph-chart-line ph-bold ph-lg',
icon: 'ti ti-chart-line',
}]);
definePageMetadata(() => ({

View file

@ -529,7 +529,7 @@ const headerTabs = computed(() => [{
}, {
key: 'chart',
title: i18n.ts.charts,
icon: 'ph-chart-line ph-bold ph-lg',
icon: 'ti ti-chart-line',
}, {
key: 'raw',
title: 'Raw',

View file

@ -120,7 +120,7 @@ const headerTabs = computed(() => []);
definePageMetadata(() => ({
title: i18n.ts._auth.shareAccessTitle,
icon: 'ph-squares-four ph-bold ph-lg',
icon: 'ti ti-apps',
}));
</script>

View file

@ -16,7 +16,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<MkUserList :pagination="pinnedUsers"/>
</MkFoldableSection>
<MkFoldableSection class="_margin" persistKey="explore-popular-users">
<template #header><i class="ph-chart-line ph-bold ph-lg ti-fw" style="margin-right: 0.5em;"></i>{{ i18n.ts.popularUsers }}</template>
<template #header><i class="ti ti-chart-line ti-fw" style="margin-right: 0.5em;"></i>{{ i18n.ts.popularUsers }}</template>
<MkUserList :pagination="popularUsers"/>
</MkFoldableSection>
<MkFoldableSection class="_margin" persistKey="explore-recently-updated-users">
@ -46,7 +46,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<template v-if="tag == null">
<MkFoldableSection class="_margin">
<template #header><i class="ph-chart-line ph-bold ph-lg ti-fw" style="margin-right: 0.5em;"></i>{{ i18n.ts.popularUsers }}</template>
<template #header><i class="ti ti-chart-line ti-fw" style="margin-right: 0.5em;"></i>{{ i18n.ts.popularUsers }}</template>
<MkUserList :pagination="popularUsersF"/>
</MkFoldableSection>
<MkFoldableSection class="_margin">

View file

@ -274,7 +274,7 @@ const headerTabs = computed(() => [{
}, {
key: 'chart',
title: i18n.ts.charts,
icon: 'ph-chart-line ph-bold ph-lg',
icon: 'ti ti-chart-line',
}, {
key: 'users',
title: i18n.ts.users,

View file

@ -95,7 +95,7 @@ const headerTabs = computed(() => []);
definePageMetadata(() => ({
title: 'MiAuth',
icon: 'ph-squares-four ph-bold ph-lg',
icon: 'ti ti-apps',
}));
</script>

View file

@ -53,7 +53,7 @@ function onLogin(res): void {
definePageMetadata(() => ({
title: 'OAuth',
icon: 'ph-squares-four ph-bold ph-lg',
icon: 'ti ti-apps',
}));
</script>

View file

@ -5,7 +5,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<template>
<MkContainer>
<template #icon><i class="ph-chart-line ph-bold ph-lg"></i></template>
<template #icon><i class="ti ti-chart-line"></i></template>
<template #header>{{ i18n.ts.activity }}</template>
<template #func="{ buttonStyleClass }">
<button class="_button" :class="buttonStyleClass" @click="showMenu">

View file

@ -91,7 +91,7 @@ const headerTabs = computed(() => user.value ? [{
}, {
key: 'activity',
title: i18n.ts.activity,
icon: 'ph-chart-line ph-bold ph-lg',
icon: 'ti ti-chart-line',
}, ...(user.value.host == null ? [{
key: 'achievements',
title: i18n.ts.achievements,

View file

@ -62,7 +62,7 @@ export function openInstanceMenu(ev: MouseEvent) {
}, {
type: 'link',
text: i18n.ts.charts,
icon: 'ph-chart-line ph-bold ph-lg',
icon: 'ti ti-chart-line',
to: '/about#charts',
}, { type: 'divider' }, {
type: 'link',

View file

@ -159,7 +159,7 @@ function getMenu() {
},
} : undefined],
}, {
icon: 'ph-stack ph-bold ph-lg',
icon: 'ti ti-stack-2',
text: i18n.ts._deck.stackLeft,
action: () => {
stackLeftColumn(props.column.id);

View file

@ -5,7 +5,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<template>
<XColumn :menu="menu" :naked="true" :column="column" :isStacked="isStacked">
<template #header><i class="ph-stack ph-bold ph-lg" style="margin-right: 8px;"></i>{{ column.name }}</template>
<template #header><i class="ti ti-apps" style="margin-right: 8px;"></i>{{ column.name }}</template>
<div :class="$style.root">
<div v-if="!(column.widgets && column.widgets.length > 0) && !edit" :class="$style.intro">{{ i18n.ts._deck.widgetsIntroduction }}</div>

View file

@ -22,7 +22,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<XWidgets/>
</div>
<button v-if="(!isDesktop || pageMetadata?.needWideArea) && !isMobile" :class="$style.widgetButton" class="_button" @click="widgetsShowing = true"><i class="ph-stack ph-bold ph-lg"></i></button>
<button v-if="(!isDesktop || pageMetadata?.needWideArea) && !isMobile" :class="$style.widgetButton" class="_button" @click="widgetsShowing = true"><i class="ti ti-apps"></i></button>
<div v-if="isMobile" ref="navFooter" :class="$style.nav">
<button :class="$style.navButton" class="_button" @click="drawerMenuShowing = true"><i :class="$style.navButtonIcon" class="ti ti-menu-2"></i><span v-if="menuIndicated" :class="$style.navButtonIndicator"><i class="_indicatorCircle"></i></span></button>
@ -33,7 +33,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<span class="_indicateCounter" :class="$style.itemIndicateValueIcon">{{ $i.unreadNotificationsCount > 99 ? '99+' : $i.unreadNotificationsCount }}</span>
</span>
</button>
<button :class="$style.navButton" class="_button" @click="widgetsShowing = true"><i :class="$style.navButtonIcon" class="ph-stack ph-bold ph-lg"></i></button>
<button :class="$style.navButton" class="_button" @click="widgetsShowing = true"><i :class="$style.navButtonIcon" class="ti ti-apps"></i></button>
<button :class="$style.postButton" class="_button" @click="os.post()"><i :class="$style.navButtonIcon" class="ti ti-pencil"></i></button>
</div>

View file

@ -5,9 +5,9 @@ SPDX-License-Identifier: AGPL-3.0-only
<template>
<MkContainer :showHeader="widgetProps.showHeader" :naked="widgetProps.transparent" data-cy-mkw-activity class="mkw-activity">
<template #icon><i class="ph-chart-line ph-bold ph-lg"></i></template>
<template #icon><i class="ti ti-chart-line"></i></template>
<template #header>{{ i18n.ts._widgets.activity }}</template>
<template #func="{ buttonStyleClass }"><button class="_button" :class="buttonStyleClass" @click="toggleView()"><i class="ph-caret-up-down ph-bold ph-lg"></i></button></template>
<template #func="{ buttonStyleClass }"><button class="_button" :class="buttonStyleClass" @click="toggleView()"><i class="ti ti-selector"></i></button></template>
<div>
<MkLoading v-if="fetching"/>

View file

@ -7,7 +7,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<MkContainer :showHeader="widgetProps.showHeader" :naked="widgetProps.transparent">
<template #icon><i class="ph-hard-drives ph-bold ph-lg"></i></template>
<template #header>{{ i18n.ts._widgets.serverMetric }}</template>
<template #func="{ buttonStyleClass }"><button class="_button" :class="buttonStyleClass" @click="toggleView()"><i class="ph-caret-up-down ph-bold ph-lg"></i></button></template>
<template #func="{ buttonStyleClass }"><button class="_button" :class="buttonStyleClass" @click="toggleView()"><i class="ti ti-selector"></i></button></template>
<div v-if="meta" data-cy-mkw-serverMetric class="mkw-serverMetric">
<XCpuMemory v-if="widgetProps.view === 0" :connection="connection" :meta="meta"/>

View file

@ -7,7 +7,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<div class="zlxnikvl">
<XPie class="pie" :value="usage"/>
<div>
<p><i class="ph-selection-all ph-bold ph-lg"></i>RAM</p>
<p><i class="ti ti-section"></i>RAM</p>
<p>Total: {{ bytes(total, 1) }}</p>
<p>Used: {{ bytes(used, 1) }}</p>
<p>Free: {{ bytes(free, 1) }}</p>

View file

@ -180,6 +180,22 @@ export function getConfig(): UserConfig {
'**/components/MkMedia*',
],
}),
iconsReplace({
values: {
'ti ti-apps': 'ph-squares-four ph-bold ph-lg',
},
include: [
'**/pages/**',
],
}),
iconsReplace({
values: {
'ti ti-apps': 'ph-stack ph-bold ph-lg',
},
include: [
'**/ui/**',
],
}),
iconsReplace({
values: {
'ti ti-terminal-2': 'ph-terminal-window ph-bold ph-lg',
@ -346,6 +362,10 @@ export function getConfig(): UserConfig {
'ti ti-bell-off': 'ph-bell ph-bold ph-lg',
'ti ti-tool': 'ph-wrench ph-bold ph-lg',
'ti ti-refresh': 'ph-arrows-counter-clockwise ph-bold ph-lg',
'ti ti-section': 'ph-selection-all ph-bold ph-lg',
'ti ti-selector': 'ph-caret-up-down ph-bold ph-lg',
'ti ti-chart-line': 'ph-chart-line ph-bold ph-lg',
'ti ti-stack-2': 'ph-stack ph-bold ph-lg',
},
}),
...process.env.NODE_ENV === 'production'