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: 💄 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

14
layouts/app.vue
View file

@ -1,18 +1,13 @@
<template>
<div class="from-dark-600 to-dark-900 bg-gradient-to-tl min-h-dvh">
<SidebarsNavigation />
<div class="relative md:pl-20 min-h-dvh flex flex-row justify-center xl:justify-between">
<ClientOnly>
<CollapsibleAside v-if="width > 1280" class="max-w-md max-h-dvh overflow-y-auto w-full xl:flex hidden">
<SocialElementsInstancePresentation />
</CollapsibleAside>
</ClientOnly>
<div class="w-full max-h-dvh max-w-2xl">
<div class="relative md:pl-20 min-h-dvh flex flex-row overflow-hidden justify-center xl:justify-between">
<OverlayScrollbarsComponent :defer="true" class="w-full max-h-dvh overflow-y-auto">
<slot />
</div>
</OverlayScrollbarsComponent>
<ClientOnly>
<CollapsibleAside v-if="width > 1280 && tokenData" direction="right"
class="max-w-md max-h-dvh overflow-y-auto w-full hidden xl:flex">
class="max-w-md max-h-dvh overflow-y-auto w-full hidden absolute inset-y-0 xl:flex">
<TimelinesTimelineScroller>
<TimelinesNotifications />
</TimelinesTimelineScroller>
@ -51,6 +46,7 @@
<script setup lang="ts">
import { convert } from "html-to-text";
import CollapsibleAside from "~/components/sidebars/collapsible-aside.vue";
import { OverlayScrollbarsComponent } from "#imports";
const tokenData = useTokenData();
const client = useMegalodon(tokenData);