diff --git a/packages/frontend/src/pages/admin/relays.vue b/packages/frontend/src/pages/admin/relays.vue
index f7d4b138a5..defef205eb 100644
--- a/packages/frontend/src/pages/admin/relays.vue
+++ b/packages/frontend/src/pages/admin/relays.vue
@@ -86,7 +86,7 @@ const headerTabs = computed(() => []);
definePageMetadata(() => ({
title: i18n.ts.relays,
- icon: 'ph-planet ph-bold ph-lg',
+ icon: 'ti ti-planet',
}));
diff --git a/packages/frontend/src/pages/timeline.vue b/packages/frontend/src/pages/timeline.vue
index e9269c774c..ea86727b75 100644
--- a/packages/frontend/src/pages/timeline.vue
+++ b/packages/frontend/src/pages/timeline.vue
@@ -298,7 +298,7 @@ const headerTabs = computed(() => [...(defaultStore.reactiveState.pinnedUserList
}, ...(isLocalTimelineAvailable ? [{
key: 'local',
title: i18n.ts._timelines.local,
- icon: 'ph-planet ph-bold ph-lg',
+ icon: 'ti ti-planet',
iconOnly: true,
}, {
key: 'social',
@@ -336,7 +336,7 @@ const headerTabsWhenNotLogin = computed(() => [
...(isLocalTimelineAvailable ? [{
key: 'local',
title: i18n.ts._timelines.local,
- icon: 'ph-planet ph-bold ph-lg',
+ icon: 'ti ti-planet',
iconOnly: true,
}] : []),
...(isGlobalTimelineAvailable ? [{
@@ -349,7 +349,7 @@ const headerTabsWhenNotLogin = computed(() => [
definePageMetadata(() => ({
title: i18n.ts.timeline,
- icon: src.value === 'local' ? 'ph-planet ph-bold ph-lg' : src.value === 'social' ? 'ph-rocket-launch ph-bold ph-lg' : src.value === 'global' ? 'ph-globe-hemisphere-west ph-bold ph-lg' : src.value === 'bubble' ? 'ph-drop ph-bold ph-lg' : 'ph-house ph-bold ph-lg',
+ icon: src.value === 'local' ? 'ti ti-planet' : src.value === 'social' ? 'ph-rocket-launch ph-bold ph-lg' : src.value === 'global' ? 'ph-globe-hemisphere-west ph-bold ph-lg' : src.value === 'bubble' ? 'ph-drop ph-bold ph-lg' : 'ph-house ph-bold ph-lg',
}));
diff --git a/packages/frontend/src/ui/deck/tl-column.vue b/packages/frontend/src/ui/deck/tl-column.vue
index 0c0a435403..a1966f5236 100644
--- a/packages/frontend/src/ui/deck/tl-column.vue
+++ b/packages/frontend/src/ui/deck/tl-column.vue
@@ -7,7 +7,7 @@ SPDX-License-Identifier: AGPL-3.0-only
-
+
diff --git a/packages/frontend/src/widgets/WidgetTimeline.vue b/packages/frontend/src/widgets/WidgetTimeline.vue
index f6cf13290f..a82341ae8f 100644
--- a/packages/frontend/src/widgets/WidgetTimeline.vue
+++ b/packages/frontend/src/widgets/WidgetTimeline.vue
@@ -7,7 +7,7 @@ SPDX-License-Identifier: AGPL-3.0-only
-
+
@@ -123,7 +123,7 @@ const choose = async (ev) => {
action: () => { setSrc('home'); },
}, {
text: i18n.ts._timelines.local,
- icon: 'ph-planet ph-bold ph-lg',
+ icon: 'ti ti-planet',
action: () => { setSrc('local'); },
}, {
text: i18n.ts._timelines.social,
diff --git a/packages/frontend/vite.config.ts b/packages/frontend/vite.config.ts
index 175e09e19d..57bf1000cb 100644
--- a/packages/frontend/vite.config.ts
+++ b/packages/frontend/vite.config.ts
@@ -78,6 +78,9 @@ export function getConfig(): UserConfig {
'ti ti-download': 'ph-download ph-bold ph-lg',
'ti ti-circle-x': 'ph-x-circle ph-bold ph-lg',
'ti ti-plus': 'ph-plus ph-bold ph-lg',
+ 'ti ti-planet': 'ph-planet ph-bold ph-lg',
+ 'ti ti-world-x': 'ph-planet ph-bold ph-lg',
+ 'ti ti-world-search': 'ph-planet ph-bold ph-lg',
},
}),
...process.env.NODE_ENV === 'production'