mirror of
https://github.com/tachiyomiorg/website.git
synced 2024-12-21 07:31:58 +01:00
Fix more hydration issues. (#37)
This commit is contained in:
parent
1f878c9f23
commit
0906da5826
@ -29,10 +29,12 @@ onMounted(() => {
|
|||||||
:data-view-transition="supportsViewTransition"
|
:data-view-transition="supportsViewTransition"
|
||||||
@click="toggleAppearance"
|
@click="toggleAppearance"
|
||||||
>
|
>
|
||||||
|
<ClientOnly>
|
||||||
<Transition name="fade" mode="out-in">
|
<Transition name="fade" mode="out-in">
|
||||||
<VPIconSun v-if="!isDark" class="sun" />
|
<VPIconSun v-if="!isDark" class="sun" />
|
||||||
<VPIconMoon v-else class="moon" />
|
<VPIconMoon v-else class="moon" />
|
||||||
</Transition>
|
</Transition>
|
||||||
|
</ClientOnly>
|
||||||
</button>
|
</button>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
@ -40,6 +40,7 @@ const labelPosition = computed(() => isSmallScreen.value ? "top" : "right")
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
<ClientOnly>
|
||||||
<div class="filters-list">
|
<div class="filters-list">
|
||||||
<ElForm label-width="120px" :label-position="labelPosition">
|
<ElForm label-width="120px" :label-position="labelPosition">
|
||||||
<ElFormItem label="Search:">
|
<ElFormItem label="Search:">
|
||||||
@ -87,6 +88,7 @@ const labelPosition = computed(() => isSmallScreen.value ? "top" : "right")
|
|||||||
</ElFormItem>
|
</ElFormItem>
|
||||||
</ElForm>
|
</ElForm>
|
||||||
</div>
|
</div>
|
||||||
|
</ClientOnly>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style lang="stylus">
|
<style lang="stylus">
|
||||||
|
Loading…
Reference in New Issue
Block a user