mirror of
https://github.com/pengzhanbo/vuepress-theme-plume.git
synced 2026-04-23 10:58:13 +08:00
perf: improve code block styles
This commit is contained in:
parent
8bfe995a20
commit
5d255998db
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user