testzm0318
/
farris-vue
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix(vitepress): fix vphome background image size and hero padding

This commit is contained in:
Sagi 2022-10-06 10:27:11 +08:00
parent 02c3a3216f
commit b4606d7f51
2 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/ui-vue/docs/.vitepress/farris-theme/components/VPHero.vue
View File

@ -59,13 +59,13 @@ defineProps<{
@media (min-width: 640px) {
.VPHero {
padding: calc(var(--vp-nav-height) + 80px) 48px 64px;
/* padding: calc(var(--vp-nav-height) + 80px) 48px 64px; */
}
}
@media (min-width: 960px) {
.VPHero {
padding: calc(var(--vp-nav-height) + 80px) 64px 64px;
/* padding: calc(var(--vp-nav-height) + 80px) 64px 64px; */
}
}

3
packages/ui-vue/docs/.vitepress/farris-theme/components/VPHome.vue
View File

@ -21,6 +21,7 @@ import VPHomeFeatures from './VPHomeFeatures.vue'
.VPHome {
padding-bottom: 96px;
background-image: url(/assets/banner.png);
background-size: cover;
}
.VPHome :deep(.VPHomeSponsors) {
@ -30,7 +31,7 @@ import VPHomeFeatures from './VPHomeFeatures.vue'
@media (min-width: 768px) {
.VPHome {
padding-bottom: 128px;
/* padding-bottom: 128px; */
}
}
</style>