🎨

packages/frontend/src/pages/timeline.vue

@@ -119,17 +119,17 @@ const headerTabs = $computed(() => [{
 }, ...(isLocalTimelineAvailable ? [{
 	key: 'local',
 	title: i18n.ts._timelines.local,
-	icon: 'ti ti-messages',
+	icon: 'ti ti-planet',
 	iconOnly: true,
 }, {
 	key: 'social',
 	title: i18n.ts._timelines.social,
-	icon: 'ti ti-share',
+	icon: 'ti ti-rocket',
 	iconOnly: true,
 }] : []), ...(isGlobalTimelineAvailable ? [{
 	key: 'global',
 	title: i18n.ts._timelines.global,
-	icon: 'ti ti-world',
+	icon: 'ti ti-whirl',
 	iconOnly: true,
 }] : []), {
 	icon: 'ti ti-list',
@@ -150,7 +150,7 @@ const headerTabs = $computed(() => [{
 
 definePageMetadata(computed(() => ({
 	title: i18n.ts.timeline,
-	icon: src === 'local' ? 'ti ti-messages' : src === 'social' ? 'ti ti-share' : src === 'global' ? 'ti ti-world' : 'ti ti-home',
+	icon: src === 'local' ? 'ti ti-planet' : src === 'social' ? 'ti ti-rocket' : src === 'global' ? 'ti ti-whirl' : 'ti ti-home',
 })));
 </script>
 

packages/frontend/src/ui/deck/tl-column.vue

@@ -2,9 +2,9 @@
 <XColumn :menu="menu" :column="column" :is-stacked="isStacked" :indicated="indicated" @change-active-state="onChangeActiveState" @parent-focus="$event => emit('parent-focus', $event)">
 	<template #header>
 		<i v-if="column.tl === 'home'" class="ti ti-home"></i>
-		<i v-else-if="column.tl === 'local'" class="ti ti-messages"></i>
-		<i v-else-if="column.tl === 'social'" class="ti ti-share"></i>
-		<i v-else-if="column.tl === 'global'" class="ti ti-world"></i>
+		<i v-else-if="column.tl === 'local'" class="ti ti-planet"></i>
+		<i v-else-if="column.tl === 'social'" class="ti ti-rocket"></i>
+		<i v-else-if="column.tl === 'global'" class="ti ti-whirl"></i>
 		<span style="margin-left: 8px;">{{ column.name }}</span>
 	</template>
 

packages/frontend/src/widgets/timeline.vue

@@ -3,9 +3,9 @@
 	<template #header>
 		<button class="_button" @click="choose">
 			<i v-if="widgetProps.src === 'home'" class="ti ti-home"></i>
-			<i v-else-if="widgetProps.src === 'local'" class="ti ti-messages"></i>
-			<i v-else-if="widgetProps.src === 'social'" class="ti ti-share"></i>
-			<i v-else-if="widgetProps.src === 'global'" class="ti ti-world"></i>
+			<i v-else-if="widgetProps.src === 'local'" class="ti ti-planet"></i>
+			<i v-else-if="widgetProps.src === 'social'" class="ti ti-rocket"></i>
+			<i v-else-if="widgetProps.src === 'global'" class="ti ti-whirl"></i>
 			<i v-else-if="widgetProps.src === 'list'" class="ti ti-list"></i>
 			<i v-else-if="widgetProps.src === 'antenna'" class="ti ti-antenna"></i>
 			<span style="margin-left: 8px;">{{ widgetProps.src === 'list' ? widgetProps.list.name : widgetProps.src === 'antenna' ? widgetProps.antenna.name : $t('_timelines.' + widgetProps.src) }}</span>
@@ -21,8 +21,8 @@
 
 <script lang="ts" setup>
 import { onMounted, onUnmounted, reactive, ref, watch } from 'vue';
-import { GetFormResultType } from '@/scripts/form';
 import { useWidgetPropsManager, Widget, WidgetComponentEmits, WidgetComponentExpose, WidgetComponentProps } from './widget';
+import { GetFormResultType } from '@/scripts/form';
 import * as os from '@/os';
 import MkContainer from '@/components/MkContainer.vue';
 import XTimeline from '@/components/MkTimeline.vue';
@@ -106,15 +106,15 @@ const choose = async (ev) => {
 		action: () => { setSrc('home'); },
 	}, {
 		text: i18n.ts._timelines.local,
-		icon: 'ti ti-messages',
+		icon: 'ti ti-planet',
 		action: () => { setSrc('local'); },
 	}, {
 		text: i18n.ts._timelines.social,
-		icon: 'ti ti-share',
+		icon: 'ti ti-rocket',
 		action: () => { setSrc('social'); },
 	}, {
 		text: i18n.ts._timelines.global,
-		icon: 'ti ti-world',
+		icon: 'ti ti-whirl',
 		action: () => { setSrc('global'); },
 	}, antennaItems.length > 0 ? null : undefined, ...antennaItems, listItems.length > 0 ? null : undefined, ...listItems], ev.currentTarget ?? ev.target).then(() => {
 		menuOpened.value = false;