From 5d255998dbe4f0e008a88a07cc3c3e75b6ce3d00 Mon Sep 17 00:00:00 2001
From: pengzhanbo <volodymyr@foxmail.com>
Date: Fri, 16 May 2025 15:41:47 +0800
Subject: [PATCH] perf: improve code block styles

---
 plugins/plugin-md-power/src/client/components/VPCodeTree.vue | 4 ++--
 theme/src/client/components/Blog/VPPostItem.vue              | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/plugins/plugin-md-power/src/client/components/VPCodeTree.vue b/plugins/plugin-md-power/src/client/components/VPCodeTree.vue
index 30629e93..78905e23 100644
--- a/plugins/plugin-md-power/src/client/components/VPCodeTree.vue
+++ b/plugins/plugin-md-power/src/client/components/VPCodeTree.vue
@@ -118,7 +118,7 @@ onMounted(() => {
   grid-column: span 2 / span 2;
 }
 
-.vp-code-tree .code-panel [class*="language-"] {
+.vp-code-tree .code-panel div[class*="language-"] {
   flex: 1 2;
   margin: 16px 0 0;
   overflow: auto;
@@ -128,7 +128,7 @@ onMounted(() => {
 
 @media (min-width: 768px) {
   .vp-code-tree .code-tree-panel .vp-file-tree,
-  .vp-code-tree .code-panel [class*="language-"] {
+  .vp-code-tree .code-panel div[class*="language-"] {
     overscroll-behavior: contain;
   }
 }
diff --git a/theme/src/client/components/Blog/VPPostItem.vue b/theme/src/client/components/Blog/VPPostItem.vue
index cfb00dba..72317201 100644
--- a/theme/src/client/components/Blog/VPPostItem.vue
+++ b/theme/src/client/components/Blog/VPPostItem.vue
@@ -363,12 +363,12 @@ const coverStyles = computed(() => {
   transition: color var(--vp-t-color);
 }
 
-.excerpt.vp-doc :deep([class^="language-"]) {
+.excerpt.vp-doc :deep(div[class*="language-"]) {
   margin: 16px -16px;
 }
 
 @media (min-width: 496px) {
-  .excerpt.vp-doc :deep([class^="language-"]) {
+  .excerpt.vp-doc :deep(div[class*="language-"]) {
     margin: 16px 0;
   }
 }