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

---
 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 {