perf: improve code block styles

This commit is contained in:
pengzhanbo 2025-05-16 15:41:47 +08:00
parent 8bfe995a20
commit 5d255998db
2 changed files with 4 additions and 4 deletions

View File

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

View File

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