From 4c16dcf34f54fcea3fc7caecb345a76b3fa59cb3 Mon Sep 17 00:00:00 2001
From: dribble-njr <wzw15292257101@163.com>
Date: Thu, 21 Nov 2024 13:10:58 +0800
Subject: [PATCH] fix: code block render abnormal

---
 src/stores/index.ts   | 28 ++++++++++++++++------------
 src/utils/renderer.ts |  4 ++--
 2 files changed, 18 insertions(+), 14 deletions(-)

diff --git a/src/stores/index.ts b/src/stores/index.ts
index e91ff65..7a0921e 100644
--- a/src/stores/index.ts
+++ b/src/stores/index.ts
@@ -158,23 +158,27 @@ export const useStore = defineStore(`store`, () => {
       outputTemp += `
         <style>
           .hljs.code__pre > .mac-sign {
-            display: inline-block;
-          }
-
-          .hljs.code__pre {
-            padding: 0!important;
-          }
-
-          .hljs.code__pre code {
-            display: -webkit-box;
-            padding: 0.5em 1em 1em;
-            overflow-x: auto;
-            text-indent: 0;
+            display: flex;
           }
         </style>
       `
     }
 
+    outputTemp += `
+      <style>
+        .code__pre {
+          padding: 0 !important;
+        }
+
+        .hljs.code__pre code {
+          display: -webkit-box;
+          padding: 0.5em 1em 1em;
+          overflow-x: auto;
+          text-indent: 0;
+        }
+      </style>
+    `
+
     output.value = outputTemp
   }
 
diff --git a/src/utils/renderer.ts b/src/utils/renderer.ts
index ca43515..3b9df97 100644
--- a/src/utils/renderer.ts
+++ b/src/utils/renderer.ts
@@ -89,9 +89,9 @@ function transform(legend: string, text: string | null, title: string | null): s
 
 const macCodeSvg = `
   <svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0px" y="0px" width="45px" height="13px" viewBox="0 0 450 130">
-    <ellipse cx="65" cy="65" rx="50" ry="52" stroke="rgb(220,60,54)" stroke-width="2" fill="rgb(237,108,96)" />
+    <ellipse cx="50" cy="65" rx="50" ry="52" stroke="rgb(220,60,54)" stroke-width="2" fill="rgb(237,108,96)" />
     <ellipse cx="225" cy="65" rx="50" ry="52" stroke="rgb(218,151,33)" stroke-width="2" fill="rgb(247,193,81)" />
-    <ellipse cx="385" cy="65" rx="50" ry="52" stroke="rgb(27,161,37)" stroke-width="2" fill="rgb(100,200,86)" />
+    <ellipse cx="400" cy="65" rx="50" ry="52" stroke="rgb(27,161,37)" stroke-width="2" fill="rgb(100,200,86)" />
   </svg>
 `.trim()