versia-pub/frontend
2
0
Fork 0
mirror of https://github.com/versia-pub/frontend.git synced 2026-03-13 03:29:16 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: ✨ Add bottom sidebar on mobile

Browse source
This commit is contained in:
Jesse Wierzbinski 2024-04-30 22:40:33 -10:00
parent 951a806477
commit d9173b4ce2
No known key found for this signature in database
11 changed files with 187 additions and 66 deletions
Download patch file Download diff file Expand all files Collapse all files

10
pages/[username]/index.vue
View file

@ -1,8 +1,11 @@
<template>
<NuxtLayout name="app">
<SocialElementsUsersAccount v-if="isMobile" :account="account ?? undefined" />
<TimelinesAccount :id="accountId ?? undefined" :key="accountId ?? undefined" />
<div class="max-h-dvh overflow-y-scroll">
<TimelinesTimelineScroller>
<TimelinesAccount :id="accountId ?? undefined" :key="accountId ?? undefined" />
</TimelinesTimelineScroller>
</div>
<template #right>
<SocialElementsUsersAccount v-if="!isMobile" :account="account ?? undefined" />
<div v-else>
@ -17,6 +20,7 @@ import type { Account } from "~/types/mastodon/account";
definePageMeta({
layout: false,
keepalive: true,
});
const { width } = useWindowSize();
@ -32,7 +36,7 @@ const account = computed<Account | null>(
);
const accountId = computed(() => account.value?.id ?? null);
useServerSeoMeta({
useSeoMeta({
title: account.value?.display_name,
description: account.value?.note,
ogImage: account.value?.avatar,