style: improved notes section

aaronczichon · Jul 23, 2024 · 9d56240 · 9d56240
1 parent f930f79
commit 9d56240
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/site/src/components/dynamic/Note.jsx b/site/src/components/dynamic/Note.jsx
@@ -3,7 +3,7 @@ import markdownit from 'markdown-it';
 const md = markdownit({
   highlight: (str, lang) => {
     console.log(lang);
-    return '<pre class="astro-code github-dark" style="background-color:#24292e;color:#e1e4e8; overflow-x: auto;"><code>' + md.utils.escapeHtml(str) + '</code></pre>';
+    return '<pre class="astro-code github-dark" style="background-color:#24292e;color:#e1e4e8; overflow-x: auto;"><code style="padding-left: 8px;">' + md.utils.escapeHtml(str) + '</code></pre>';
   }
 });
 
@@ -25,6 +25,7 @@ export default function NoteList({ item }) {
 
   return (
     <li class={'note-list-item' + applyActiveClass()}>
+      <article>
       <a href={`#${item.id}`} target="_blank">
         <h3 id={item.id}>{item.title}</h3>
       </a>
@@ -33,6 +34,7 @@ export default function NoteList({ item }) {
       </p>
       <hr>
       </hr>
+      </article>
     </li>
   );
 }