From 9f6368b7a4c677a353055357bb7722c7feeded78 Mon Sep 17 00:00:00 2001
From: pengzhanbo <volodymyr@foxmail.com>
Date: Sun, 21 Jul 2024 00:47:05 +0800
Subject: [PATCH] fix(plugin-md-power): fix incorrect code editor layout

---
 .../plugin-md-power/src/client/components/CodeEditor.vue   | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/plugins/plugin-md-power/src/client/components/CodeEditor.vue b/plugins/plugin-md-power/src/client/components/CodeEditor.vue
index 10c24cce0..5bec721cb 100644
--- 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>