start better headerbar

CALCKEY.md

@@ -1,10 +1,9 @@
 # All the changes to Calckey from stock Misskey
 
-### Planned
+## Planned
 
 - MFM button
 - Better Messaging UI
-- Better timeline top bar
 - Classic mode make instance icon bring up new context menu
 - Like/star button
 - Option to publicize instance blocks
@@ -17,7 +16,12 @@
 - "Bubble" timeline
 - Filter notifications by user
 
-### Implemented
+## In progress
+
+- Better timeline top bar
+- Profile background
+
+## Implemented
 
 - Yarn 3
 - Saner defaults

packages/client/src/components/global/page-header.vue

@@ -307,7 +307,7 @@ onUnmounted(() => {
 	> .tabs {
 		position: relative;
 		margin-left: 16px;
-		font-size: 0.8em;
+		font-size: 0.9em;
 		overflow: auto;
 		white-space: nowrap;
 

packages/client/src/pages/timeline.vue

@@ -121,19 +121,19 @@ const headerTabs = $computed(() => [{
 }, ...(isLocalTimelineAvailable ? [{
 	key: 'local',
 	title: i18n.ts._timelines.local,
-	icon: 'fas fa-comments',
+	icon: 'fas fa-user-group',
 	iconOnly: true,
 }, {
 	key: 'social',
 	title: i18n.ts._timelines.social,
-	icon: 'fas fa-share-alt',
+	icon: 'fas fa-handshake-simple',
 	iconOnly: true,
 }] : []), ...(isGlobalTimelineAvailable ? [{
 	key: 'global',
 	title: i18n.ts._timelines.global,
 	icon: 'fas fa-globe',
 	iconOnly: true,
-}] : []), {
+}] : []), /* {
 	icon: 'fas fa-list-ul',
 	title: i18n.ts.lists,
 	iconOnly: true,
@@ -148,13 +148,13 @@ const headerTabs = $computed(() => [{
 	title: i18n.ts.channel,
 	iconOnly: true,
 	onClick: chooseChannel,
-}]);
+}*/]);
 
 const headerTabsWhenNotLogin = $computed(() => [
 	...(isLocalTimelineAvailable ? [{
 		key: 'local',
 		title: i18n.ts._timelines.local,
-		icon: 'fas fa-comments',
+		icon: 'fas fa-user-group',
 		iconOnly: true,
 	}] : []),
 	...(isGlobalTimelineAvailable ? [{
@@ -167,7 +167,7 @@ const headerTabsWhenNotLogin = $computed(() => [
 
 definePageMetadata(computed(() => ({
 	title: i18n.ts.timeline,
-	icon: src === 'local' ? 'fas fa-comments' : src === 'social' ? 'fas fa-share-alt' : src === 'global' ? 'fas fa-globe' : 'fas fa-home',
+	icon: src === 'local' ? 'fas fa-user-group' : src === 'social' ? 'fas fa-handshake-simple' : src === 'global' ? 'fas fa-globe' : 'fas fa-home',
 })));
 </script>