#318: Use CodeBlock instead of <code> in the homepage

neutralinojs · Aug 10, 2024 · 6227107 · 6227107
1 parent e62f306
commit 6227107
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/pages/index.js b/src/pages/index.js
@@ -2,6 +2,7 @@ import React, {useEffect, useState} from 'react';
 import clsx from 'clsx';
 import Layout from '@theme/Layout';
 import Link from '@docusaurus/Link';
+import CodeBlock from '@theme/CodeBlock';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import useBaseUrl from '@docusaurus/useBaseUrl';
 import styles from './styles.module.css';
@@ -237,9 +238,9 @@ export default function Home() {
         <div className="container">
           <h1 className="hero__title">Start building lightweight apps!</h1>
           <p className="hero__subtitle">
-            <code className={styles.code}>
+            <CodeBlock className={styles.code} language="bash">
               npm install -g @neutralinojs/neu
-            </code>
+            </CodeBlock>
           </p>
         </div>
       </div>

diff --git a/src/pages/styles.module.css b/src/pages/styles.module.css
@@ -52,5 +52,6 @@
 }
 
 .code {
-  color: rgb(40, 40, 40);
+  margin-top: 1.5rem;
+  display: inline-block;
 }