fix

Author: apacheli

assets/index.css

@@ -252,7 +252,10 @@ pre {
   background-color: var(--header);
   border-radius: .25rem;
   line-height: 1.25rem;
+  overflow: auto;
   padding: 1rem;
+  position: relative;
+  scrollbar-color: var(--sub) transparent;
   width: 100%;
 }
 
@@ -296,12 +299,6 @@ p img {
   width: 100%;
 }
 
-.lang {
-  color: var(--sub);
-  float: right;
-  user-select: none;
-}
-
 /** https://github.com/highlightjs/highlight.js/blob/main/src/styles/atom-one-dark.css */
 
 .hljs-comment,

pages/test.mdx

@@ -101,24 +101,26 @@ is a second line.
 ```js
 const hello = "world";
 
-export default async function deez() {
-  const amogus = "nuts";
+export default async function deez(amogusText) {
+  const amogus = `Hello, ${amogusText}!`;
   console.log(amogus);
   return amogus;
 }
 ```
 
 ```py
 class Test:
-    def __init__(self):
+    def __init__(self, text):
         self.hello = 5
+        self.text = f"Hello, {text}. How are you?"
 
 
 if True:
     if not not True:
         if not False:
-            test = Test()
+            test = Test("Joe")
             print(test.hello)
+            print(test.text)
 ```
 
 ```lua
@@ -130,4 +132,9 @@ assert(getmetatable(t) == t1)
 function add(a, b)
   return a + b
 end
+
+function main()
+  local x = 5 + 10
+  local y = "hello " .. "world"
+end
 ```

server/render.js

@@ -48,10 +48,9 @@ export const render = (element) => {
   }
   if (element.type === "code") {
     const lang = element.attributes.className?.slice(9);
-    const code = element.children[0];
     return lang === undefined
-      ? code
-      : `<span class="lang">${lang}</span>${hljs.highlight(lang, code).value}`;
+      ? `<code>${element.children[0]}</code>`
+      : hljs.highlight(lang, element.children[0]).value;
   }
   const c = element.children.reduce((a, b) => a + render(b), "");
   if (element.type === null) {