Add mdx styling

2024-06-09 17:41:57 -07:00
parent 73e6e2c354
commit 6bd0616d54
4 changed files with 108 additions and 4 deletions
@@ -10,11 +10,11 @@ export async function generateStaticParams() {
 export default async function BlogPage({ params }) {
  const blog = await getBlogBySlug(params.slug);
  return (
-    <section className="prose mx-auto">
+    <section className="py-16 prose">
      <article>
-        <h1>{blog.frontmatter.title}</h1>
-        <p>{blog.frontmatter.author}</p>
-        <p>{blog.frontmatter.date}</p>
+        <h1 className="text-light-foreground dark:text-dark-foreground">{blog.frontmatter.title}</h1>
+        <p className="text-light-yellow-1 dark:text-dark-yellow-1">{blog.frontmatter.author}</p>
+        <p className="text-light-blue-1 dark:text-dark-blue-1">{blog.frontmatter.date}</p>
        <div>{blog.content}</div>
      </article>
    </section>