fix: address some hydration issues

zio/stable
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

View File

@ -1,9 +1,9 @@
<template> <template>
<div h-full :class="{ zen: isZenMode }"> <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 /> <UserPicker />
</div> </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> <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"> <div sticky top-0 w-20 lg:w-100 h-screen flex="~ col">
<slot name="left"> <slot name="left">
@ -13,9 +13,9 @@
<NavSide /> <NavSide />
<PublishButton m5 /> <PublishButton m5 />
</div> </div>
<div flex flex-col> <div v-if="isMastoInitialised" flex flex-col>
<UserSignInEntry v-if="isMastoInitialised && !currentUser" sm:hidden /> <UserSignInEntry v-if="!currentUser" sm:hidden />
<div v-if="isMastoInitialised && currentUser" p6 pb8 w-full flex="~" items-center justify-between> <div v-if="currentUser" p6 pb8 w-full flex="~" items-center justify-between>
<NuxtLink <NuxtLink
hidden lg:block hidden lg:block
rounded-full text-start w-full rounded-full text-start w-full

View File

@ -13,7 +13,7 @@ useHeadFixed({
</script> </script>
<template> <template>
<CommonAlert v-if="!hideNewsTips" @close="hideNewsTips = true"> <CommonAlert v-if="isHydrated.value && !hideNewsTips" @close="hideNewsTips = true">
<p>{{ $t('tooltip.explore_posts_intro') }}</p> <p>{{ $t('tooltip.explore_posts_intro') }}</p>
</CommonAlert> </CommonAlert>
<!-- TODO: Tabs for trending statuses, tags, and links --> <!-- TODO: Tabs for trending statuses, tags, and links -->

View File

@ -15,7 +15,7 @@ useHeadFixed({
</script> </script>
<template> <template>
<CommonAlert v-if="!hideNewsTips" @close="hideNewsTips = true"> <CommonAlert v-if="isHydrated.value && !hideNewsTips" @close="hideNewsTips = true">
<p>{{ $t('tooltip.explore_links_intro') }}</p> <p>{{ $t('tooltip.explore_links_intro') }}</p>
</CommonAlert> </CommonAlert>

View File

@ -22,7 +22,7 @@ useHeadFixed({
</script> </script>
<template> <template>
<CommonAlert v-if="!hideTagsTips && data && data.length" @close="hideTagsTips = true"> <CommonAlert v-if="isHydrated.value && !hideTagsTips && data && data.length" @close="hideTagsTips = true">
<p>{{ $t('tooltip.explore_tags_intro') }}</p> <p>{{ $t('tooltip.explore_tags_intro') }}</p>
</CommonAlert> </CommonAlert>