fix(create-vuepress): prevent navbar overlap in blog template (#294)

vuepress · Dec 6, 2024 · c806fb8 · c806fb8
1 parent 8b0c79c
commit c806fb8
Show file tree

Hide file tree

Showing 8 changed files with 8 additions and 6 deletions.
diff --git a/e2e/docs/.vuepress/components/ArticleList.vue b/e2e/docs/.vuepress/components/ArticleList.vue
@@ -67,6 +67,7 @@ defineProps<{
   @include mixins.content-wrapper;
 
   & {
+    padding-top: calc(var(--navbar-height) + 1rem) !important;
     text-align: center;
   }
 }

diff --git a/e2e/docs/.vuepress/layouts/Category.vue b/e2e/docs/.vuepress/layouts/Category.vue
@@ -42,7 +42,7 @@ const categoryMap = useBlogCategory<ArticleInfo>('category')
   @include mixins.content-wrapper;
 
   & {
-    padding-top: 1rem !important;
+    padding-top: calc(var(--navbar-height) + 1rem) !important;
     padding-bottom: 0 !important;
     font-size: 14px;
   }

diff --git a/e2e/docs/.vuepress/layouts/Tag.vue b/e2e/docs/.vuepress/layouts/Tag.vue
@@ -42,7 +42,7 @@ const tagMap = useBlogCategory<ArticleInfo>('tag')
   @include mixins.content-wrapper;
 
   & {
-    padding-top: 1rem !important;
+    padding-top: calc(var(--navbar-height) + 1rem) !important;
     padding-bottom: 0 !important;
     font-size: 14px;
   }

diff --git a/e2e/docs/.vuepress/layouts/Timeline.vue b/e2e/docs/.vuepress/layouts/Timeline.vue
@@ -21,7 +21,7 @@ const timelines = useBlogType('timeline')
 
 <style lang="scss">
 .timeline-title {
-  padding: 0;
+  padding-top: calc(var(--navbar-height) + 1rem) !important;
   text-align: center;
 }
 </style>
diff --git a/tools/create-vuepress/template/blog/.vuepress/components/ArticleList.vue b/tools/create-vuepress/template/blog/.vuepress/components/ArticleList.vue
@@ -53,6 +53,7 @@ defineProps({
 
 .article-wrapper {
   @include mixins.content-wrapper;
+  padding-top: calc(var(--navbar-height) + 1rem) !important;
   text-align: center;
 }
 

diff --git a/tools/create-vuepress/template/blog/.vuepress/layouts/Category.vue b/tools/create-vuepress/template/blog/.vuepress/layouts/Category.vue
@@ -39,7 +39,7 @@ const categoryMap = useBlogCategory('category')
 .category-wrapper {
   @include mixins.content-wrapper;
 
-  padding-top: 1rem !important;
+  padding-top: calc(var(--navbar-height) + 1rem) !important;
   padding-bottom: 0 !important;
   font-size: 14px;
 

diff --git a/tools/create-vuepress/template/blog/.vuepress/layouts/Tag.vue b/tools/create-vuepress/template/blog/.vuepress/layouts/Tag.vue
@@ -39,7 +39,7 @@ const tagMap = useBlogCategory('tag')
 .tag-wrapper {
   @include mixins.content-wrapper;
 
-  padding-top: 1rem !important;
+  padding-top: calc(var(--navbar-height) + 1rem) !important;
   padding-bottom: 0 !important;
   font-size: 14px;
 

diff --git a/tools/create-vuepress/template/blog/.vuepress/layouts/Timeline.vue b/tools/create-vuepress/template/blog/.vuepress/layouts/Timeline.vue
@@ -20,7 +20,7 @@ const timelines = useBlogType('timeline')
 
 <style lang="scss">
 .timeline-title {
-  padding: 0;
+  padding-top: calc(var(--navbar-height) + 1rem) !important;
   text-align: center;
 }
 </style>
-Original file line number
+Diff line change
@@ Expand Up / @@ -67,6 +67,7 @@ defineProps<{ @@
       @include mixins.content-wrapper;
       & {
+        padding-top: calc(var(--navbar-height) + 1rem) !important;
         text-align: center;
       }
     }
@@ Expand Down @@