From 1a9a3b1bc4a655a471f7fca0ce44db3728530fcd Mon Sep 17 00:00:00 2001 From: ThatOneCalculator 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', })));