diff --git a/theme/src/client/components/Blog/Archives.vue b/theme/src/client/components/Blog/Archives.vue index e39cfe6f7..d367f8155 100644 --- a/theme/src/client/components/Blog/Archives.vue +++ b/theme/src/client/components/Blog/Archives.vue @@ -95,4 +95,10 @@ const { archives } = useArchives() transition: border-bottom var(--t-color); } } + +@media (min-width: 1200px) { + .archives-wrapper { + margin-left: 0; + } +} diff --git a/theme/src/client/components/Blog/PostItem.vue b/theme/src/client/components/Blog/PostItem.vue index ae329fbb1..ce81d7764 100644 --- a/theme/src/client/components/Blog/PostItem.vue +++ b/theme/src/client/components/Blog/PostItem.vue @@ -151,6 +151,12 @@ const createTime = computed(() => } } +@media (min-width: 1200px) { + .post-item { + margin: 0 0 24px; + } +} + .post-meta { display: flex; flex-wrap: wrap; diff --git a/theme/src/client/components/Blog/Tags.vue b/theme/src/client/components/Blog/Tags.vue index eedc73d16..0725bc4f2 100644 --- a/theme/src/client/components/Blog/Tags.vue +++ b/theme/src/client/components/Blog/Tags.vue @@ -149,4 +149,10 @@ const { tags: tagsLink } = useBlogExtract() margin-top: 0; } } + +@media (min-width: 1200px) { + .tags-wrapper { + margin-left: 0; + } +}