From 36e311c30170b431a723b36cc0ba8cfddc2ac4c6 Mon Sep 17 00:00:00 2001
From: pengzhanbo <volodymyr@foxmail.com>
Date: Tue, 24 Sep 2024 00:12:57 +0800
Subject: [PATCH] fix(theme): improve `home-blog` styles in mobile, close #210

---
 theme/src/client/components/Blog/VPBlog.vue | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/theme/src/client/components/Blog/VPBlog.vue b/theme/src/client/components/Blog/VPBlog.vue
index 7e324005..cf437041 100644
--- a/theme/src/client/components/Blog/VPBlog.vue
+++ b/theme/src/client/components/Blog/VPBlog.vue
@@ -105,10 +105,9 @@ const { theme, page } = useData()
   transition: background-color var(--vp-t-color);
 }
 
-@media(min-width: 419px) {
-  .vp-blog.home-blog {
-    background-color: var(--vp-c-bg-alt);
-  }
+.vp-blog.home-blog {
+  padding: 32px 16px;
+  background-color: var(--vp-c-bg-alt);
 }
 
 .blog-container {