v1.1.0

Author: Robin

src/app/page.tsx

@@ -13,7 +13,7 @@ export default function Home() {
   const editorState = useAppSelector((state) => state.editor);
 
   return (
-    <div className="flex min-h-screen flex-col gap-6 bg-background text-foreground">
+    <div className="flex min-h-screen scroll-m-48 flex-col justify-center gap-6 bg-background text-foreground">
       <div
         className="flex justify-center"
         style={

src/components/HljsCodeEditor.tsx

@@ -71,7 +71,7 @@ export default function HljsCodeEditor({ code }: { code: string }) {
 
   return (
     <pre className="text-wrap px-3 py-5">
-      <code className="whitespace-pre-wrap" ref={codeRef}>
+      <code className="hljs whitespace-pre-wrap" ref={codeRef}>
         {code}
       </code>
     </pre>