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; } }