yuany3721/vuepress-theme-plume
1
0
Fork 0
forked from gitea-yuany3721/vuepress-theme-plume
Code Pull Requests Activity

fix(plugin-md-power): fix incorrect code editor layout

Browse Source
This commit is contained in:
pengzhanbo 2024-07-21 00:47:05 +08:00
parent 8b657c3042
commit 9f6368b7a4
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
plugins/plugin-md-power/src/client/components/CodeEditor.vue
View File

@ -106,12 +106,13 @@ onUnmounted(() => {
z-index: 1;
box-sizing: border-box;
display: block;
padding: 1.3rem 1.5rem;
padding: 20px 24px;
overflow-x: auto;
font-family: var(--vp-font-family-mono);
font-size: var(--vp-code-font-size);
-webkit-hyphens: none;
hyphens: none;
line-height: var(--vp-code-line-height);
color: transparent;
text-align: left;
word-break: normal;
@ -139,7 +140,7 @@ onUnmounted(() => {
}
:deep(div[class*="language-"].line-numbers-mode) + .code-repl-input {
padding-left: 1rem;
margin-left: 2rem;
padding-left: 24px;
margin-left: 32px;
}
</style>