perf(theme): optimize VPFooter and VPFriends layout (#762)

This commit is contained in:
pengzhanbo 2025-12-01 11:29:05 +08:00 committed by GitHub
parent f599a4223c
commit 6a3babcf76
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 12 additions and 4 deletions

View File

@ -26,12 +26,12 @@ onMounted(() => {
> >
<slot name="footer-content"> <slot name="footer-content">
<div class="container"> <div class="container">
<p <div
v-if="theme.footer.message" v-if="theme.footer.message"
class="message" class="message"
v-html="theme.footer.message" v-html="theme.footer.message"
/> />
<p <div
v-if="theme.footer.copyright" v-if="theme.footer.copyright"
class="copyright" class="copyright"
v-html="theme.footer.copyright" v-html="theme.footer.copyright"

View File

@ -53,11 +53,19 @@ const groups = computed(() => matter.value.groups || [])
<style scoped> <style scoped>
.vp-friends { .vp-friends {
width: 100%; width: 100%;
padding-top: calc(var(--vp-nav-height) + 32px); max-width: 100%;
padding-bottom: 5rem; padding: 32px 24px 5rem;
margin: 0 auto; margin: 0 auto;
} }
@media (min-width: 960px) {
.vp-friends {
padding-top: calc(var(--vp-nav-height) + 32px);
padding-right: 0;
padding-left: 0;
}
}
.vp-friends .title { .vp-friends .title {
padding: 32px 20px 0; padding: 32px 20px 0;
margin-bottom: 2rem; margin-bottom: 2rem;