Adds a subtitle to use

100mslive · Jun 6, 2024 · 7802607 · 7802607
1 parent e0ba7dc
commit 7802607
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/pages/[...slug].tsx b/pages/[...slug].tsx
@@ -44,6 +44,7 @@ export interface PaginationType {
 interface Props {
     frontMatter: {
         title: string;
+        subtitle: string;
         nav: number;
     };
     nav: Record<string, Record<string, NavRoute>>;
@@ -133,6 +134,11 @@ const DocSlugs = ({ source, frontMatter, pagination, showToc = true }: Props) =>
                     paddingBottom: '80px'
                 }}>
                 <h1>{frontMatter.title}</h1>
+                {frontMatter.subtitle ? (
+                    <h3 className="subtitle">{frontMatter.subtitle}</h3>
+                ) : (
+                    <></>
+                )}
                 <MDXProvider components={components}>
                     <Component />
                 </MDXProvider>

diff --git a/styles/theme.css b/styles/theme.css
@@ -465,6 +465,13 @@ code:not(.ch-code-scroll-parent) {
     font-weight: 600;
 }
 
+.subtitle {
+    color: #a0a0a0;
+    font-weight: 400;
+    font-size: 1.25em;
+    margin-top: 5px;
+}
+
 pre code:not(.ch-code-scroll-parent) {
     border: none;
     border-radius: 0;