chore: tweak

This commit is contained in:
pengzhanbo 2024-07-08 18:34:30 +08:00
parent 8c3d6137b1
commit 3ed4058ae2
3 changed files with 21 additions and 19 deletions

View File

@ -108,9 +108,7 @@ watch(
<slot name="doc-before" /> <slot name="doc-before" />
<main class="main"> <main class="main">
<VPDocMeta /> <VPDocMeta />
<ClientOnly v-if="!isPageDecrypted"> <VPEncryptPage v-if="!isPageDecrypted" />
<VPEncryptPage />
</ClientOnly>
<Content <Content
v-else class="vp-doc plume-content" v-else class="vp-doc plume-content"
:class="[pageName, enabledExternalLinkIcon && 'external-link-icon-enabled']" :class="[pageName, enabledExternalLinkIcon && 'external-link-icon-enabled']"

View File

@ -11,19 +11,21 @@ const title = computed(() => profile.value?.name || site.value.title)
</script> </script>
<template> <template>
<div class="vp-global-encrypt"> <ClientOnly>
<div class="global-encrypt-container"> <div class="vp-global-encrypt">
<div v-if="profile || title" class="profile"> <div class="global-encrypt-container">
<p v-if="profile" class="avatar" :class="{ circle: profile.circle }"> <div v-if="profile || title" class="profile">
<img :src="profile.avatar ?? profile.url" :alt="profile.name"> <p v-if="profile" class="avatar" :class="{ circle: profile.circle }">
</p> <img :src="profile.avatar ?? profile.url" :alt="profile.name">
<h3 v-if="title"> </p>
{{ title }} <h3 v-if="title">
</h3> {{ title }}
</h3>
</div>
<VPEncryptForm global :info="theme.encryptGlobalText" />
</div> </div>
<VPEncryptForm global :info="theme.encryptGlobalText" />
</div> </div>
</div> </ClientOnly>
<VPFooter /> <VPFooter />
</template> </template>

View File

@ -6,12 +6,14 @@ const { theme } = useData()
</script> </script>
<template> <template>
<div class="vp-page-encrypt"> <ClientOnly>
<div class="logo"> <div class="vp-page-encrypt">
<span class="vpi-lock icon-lock-head" /> <div class="logo">
<span class="vpi-lock icon-lock-head" />
</div>
<VPEncryptForm :info="theme.encryptPageText" />
</div> </div>
<VPEncryptForm :info="theme.encryptPageText" /> </ClientOnly>
</div>
</template> </template>
<style scoped> <style scoped>