From e0cead53d7267ea869664122e8f13bf4e49b76b6 Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Sat, 23 Jul 2022 21:57:13 -0700
Subject: [PATCH] start better headerbar

---
 CALCKEY.md                                           | 10 +++++++---
 .../client/src/components/global/page-header.vue     |  2 +-
 packages/client/src/pages/timeline.vue               | 12 ++++++------
 3 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/CALCKEY.md b/CALCKEY.md
index e005ae3c0..b8293b1b7 100644
--- a/CALCKEY.md
+++ b/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
diff --git a/packages/client/src/components/global/page-header.vue b/packages/client/src/components/global/page-header.vue
index 106e216b9..a49ab4715 100644
--- a/packages/client/src/components/global/page-header.vue
+++ b/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;
 
diff --git a/packages/client/src/pages/timeline.vue b/packages/client/src/pages/timeline.vue
index 74141ceaf..5810b745b 100644
--- a/packages/client/src/pages/timeline.vue
+++ b/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>