perf(theme): optimize VPFooter and VPFriends layout (#762)
This commit is contained in:
parent
f599a4223c
commit
6a3babcf76
@ -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"
|
||||||
|
|||||||
@ -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;
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user