start better headerbar

This commit is contained in:
ThatOneCalculator 2022-07-23 21:57:13 -07:00
parent ae8968e787
commit 1a9a3b1bc4
3 changed files with 14 additions and 10 deletions

View File

@ -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

View File

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

View File

@ -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>