HoovesSocial/hippofish
2
0
Fork 0
Code Issues 3 Pull requests 1 Projects Releases Packages Wiki Activity Actions

Home button

Browse source
This commit is contained in:
Freeplay 2023-06-14 18:14:51 -04:00
parent b73dd890ef
commit 69595a400b
3 changed files with 38 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

56
packages/client/src/components/global/MkPageHeader.vue
View file

@ -9,15 +9,16 @@
> >
<div class="left"> <div class="left">
<div class="buttons"> <div class="buttons">
<MkA <!-- <MkA
v-if="!$i" v-if="!$i && displayHomeButton"
class="_buttonIcon button icon backButton" class="_buttonIcon button icon backButton"
:to="'/'" :to="'/'"
v-tooltip="i18n.ts.home"
> >
<i class="ph-list ph-bold ph-lg"></i> <i class="ph-house ph-bold ph-lg"></i>
</MkA> </MkA> -->
<button <button
v-else-if="displayBackButton" v-if="displayBackButton"
class="_buttonIcon button icon backButton" class="_buttonIcon button icon backButton"
@click.stop="goBack()" @click.stop="goBack()"
@touchstart="preventDrag" @touchstart="preventDrag"
@ -98,6 +99,15 @@
</nav> </nav>
</template> </template>
<div class="buttons right"> <div class="buttons right">
<MkButton
v-if="!$i && displayHomeButton"
:to="'/'"
link
rounded
>
<i class="ph-house ph-bold ph-lg"></i>
{{ i18n.ts.home }}
</MkButton>
<template v-if="metadata.avatar && $i"> <template v-if="metadata.avatar && $i">
<MkFollowButton <MkFollowButton
v-if="narrow" v-if="narrow"
@ -140,6 +150,7 @@ import {
reactive, reactive,
} from "vue"; } from "vue";
import MkFollowButton from "@/components/MkFollowButton.vue"; import MkFollowButton from "@/components/MkFollowButton.vue";
import MkButton from "@/components/MkButton.vue";
import { popupMenu } from "@/os"; import { popupMenu } from "@/os";
import { scrollToTop } from "@/scripts/scroll"; import { scrollToTop } from "@/scripts/scroll";
import { globalEvents } from "@/events"; import { globalEvents } from "@/events";
@ -155,20 +166,27 @@ type Tab = {
onClick?: (ev: MouseEvent) => void; onClick?: (ev: MouseEvent) => void;
}; };
const props = defineProps<{ const props = withDefaults(
tabs?: Tab[]; defineProps<{
tab?: string; tabs?: Tab[];
noTabCollapse?: boolean; tab?: string;
actions?: { noTabCollapse?: boolean;
text: string; actions?: {
icon: string; text: string;
handler: (ev: MouseEvent) => void; icon: string;
}[]; handler: (ev: MouseEvent) => void;
thin?: boolean; }[];
displayMyAvatar?: boolean; thin?: boolean;
displayBackButton?: boolean; displayMyAvatar?: boolean;
to?: string; displayBackButton?: boolean;
}>(); displayHomeButton?: boolean;
to?: string;
}>(),
{
displayHomeButton: !$i
}
)
const displayBackButton = const displayBackButton =
props.displayBackButton && props.displayBackButton &&

1
packages/client/src/pages/welcome.entrance.a.vue
View file

@ -6,6 +6,7 @@
:actions="headerActions" :actions="headerActions"
:tabs="headerTabs" :tabs="headerTabs"
:noTabCollapse="true" :noTabCollapse="true"
:displayHomeButton="false"
/></template> /></template>
<div id="visitor-view"> <div id="visitor-view">
<swiper <swiper

4
packages/client/src/ui/visitor/kanban.vue
View file

@ -191,10 +191,6 @@ matchMedia("(max-width: 1000px)").onchange = (mql) => {
expanded = true; expanded = true;
defineProps<{
poweredBy?: boolean,
}>()
let meta = $ref<DetailedInstanceMetadata>(); let meta = $ref<DetailedInstanceMetadata>();
let isLong = $ref(false); let isLong = $ref(false);