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

feat: 💄 UI refactoring

Browse source
This commit is contained in:
Jesse Wierzbinski 2024-05-11 19:26:29 -10:00
parent 5c416ce793
commit 1840526649
No known key found for this signature in database
10 changed files with 77 additions and 50 deletions
Download patch file Download diff file Expand all files Collapse all files

9
pages/[username]/[uuid].vue
View file

@ -1,20 +1,19 @@
<template>
<ClientOnly>
<OverlayScrollbarsComponent v-if="loaded" :defer="true" class="max-h-dvh min-h-dvh overflow-y-auto pb-72">
<div v-if="loaded" :defer="true" class="mx-auto max-w-2xl w-full pb-72">
<SocialElementsNotesNote v-for="note of context?.ancestors" :note="note" />
<div ref="element" class="first:rounded-t last:rounded-b overflow-hidden">
<SocialElementsNotesNote class="!rounded-none border-2 border-pink-500" v-if="note" :note="note" />
</div>
<SocialElementsNotesNote v-for="note of context?.descendants" :note="note" />
</OverlayScrollbarsComponent>
<OverlayScrollbarsComponent :defer="true" v-else class="max-h-dvh min-h-dvh overflow-y-auto">
</div>
<div :defer="true" v-else class="mx-auto max-w-2xl w-full overflow-y-auto">
<SocialElementsNotesNote v-for="_ of 5" :skeleton="true" />
</OverlayScrollbarsComponent>
</div>
</ClientOnly>
</template>
<script setup lang="ts">
import { OverlayScrollbarsComponent } from "#imports";
definePageMeta({
layout: "app",
});

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

@ -1,15 +1,14 @@
<template>
<OverlayScrollbarsComponent class="max-h-dvh overflow-y-auto w-full">
<div class="mx-auto max-w-2xl w-full">
<TimelinesTimelineScroller>
<SocialElementsUsersAccount :account="account ?? undefined" />
<TimelinesAccount :id="accountId" :key="accountId" />
</TimelinesTimelineScroller>
</OverlayScrollbarsComponent>
</div>
</template>
<script setup lang="ts">
import type { Account } from "~/types/mastodon/account";
import { OverlayScrollbarsComponent } from "#imports";
definePageMeta({
layout: "app",