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

pengzhanbo · Jul 20, 2024 · 9f6368b · 9f6368b
1 parent 8b657c3
commit 9f6368b
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/plugins/plugin-md-power/src/client/components/CodeEditor.vue b/plugins/plugin-md-power/src/client/components/CodeEditor.vue
@@ -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>