zio/elk
2
0
Fork 0
Code Releases 2 Packages 1 Activity

fix: address some hydration issues

Browse source
This commit is contained in:
Daniel Roe 2022-12-26 08:45:56 +01:00
parent 72855d7725
commit 3e3a241474
No known key found for this signature in database
GPG key ID: 22D5008E4F5D9B55
4 changed files with 8 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

10
layouts/default.vue
View file

@ -1,9 +1,9 @@
<template>
<div h-full :class="{ zen: isZenMode }">
<div v-if="isMastoInitialised && showUserSwitcherSidebar" fixed h-full hidden lg:block bg-code border-r-1 border-base>
<div v-if="isHydrated.value && showUserSwitcherSidebar" fixed h-full hidden lg:block bg-code border-r-1 border-base>
<UserPicker />
</div>
<main flex w-full mxa lg:max-w-80rem :class="isMastoInitialised && showUserSwitcherSidebar ? 'user-switcher-sidebar' : ''">
<main flex w-full mxa lg:max-w-80rem :class="isHydrated.value && showUserSwitcherSidebar ? 'user-switcher-sidebar' : ''">
<aside class="hidden sm:flex w-1/8 md:w-1/6 justify-end lg:w-1/4 zen-hide" relative>
<div sticky top-0 w-20 lg:w-100 h-screen flex="~ col">
<slot name="left">
@ -13,9 +13,9 @@
<NavSide />
<PublishButton m5 />
</div>
<div flex flex-col>
<UserSignInEntry v-if="isMastoInitialised && !currentUser" sm:hidden />
<div v-if="isMastoInitialised && currentUser" p6 pb8 w-full flex="~" items-center justify-between>
<div v-if="isMastoInitialised" flex flex-col>
<UserSignInEntry v-if="!currentUser" sm:hidden />
<div v-if="currentUser" p6 pb8 w-full flex="~" items-center justify-between>
<NuxtLink
hidden lg:block
rounded-full text-start w-full