feat: change font hljs toolbar

rezafikkri · Jun 13, 2024 · f7a6dbe · f7a6dbe
1 parent a5f0248
commit f7a6dbe
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/app/layout.jsx b/app/layout.jsx
@@ -13,14 +13,14 @@ export const roboto = Roboto({
   subsets: ['latin'],
   style: ['normal', 'italic'],
   variable: '--font-roboto',
-  fallback: ['sans-serif']
+  // fallback: ['sans-serif']
 });
 
-export const fira_code = Source_Code_Pro({
+export const source_code_pro = Source_Code_Pro({
   weight: ['400'],
   subsets: ['latin'],
   variable: '--font-source-code-pro',
-  fallback: ['monospace']
+  // fallback: ['monospace']
 });
 
 // metadata config
@@ -39,7 +39,7 @@ export const metadata = {
 
 export default function RootLayout({ children }) {
   return (
-    <html lang="id" className={`${roboto.variable} ${fira_code.variable}`}>
+    <html lang="id" className={`${roboto.variable} ${source_code_pro.variable}`}>
       <body className="h-screen bg-gray-50 font-roboto">
         <Palestine />
         <div className="max-w-5xl mx-auto px-4 sm:px-8"><Header /></div>

diff --git a/lib/hljs-toolbar.mjs b/lib/hljs-toolbar.mjs
@@ -43,7 +43,7 @@ export default class HljsToolbar {
     }
 
     // add style
-    const hljsToolbarStyle = "hljs-toolbar absolute left-0 right-0 top-0 flex justify-between border-b border-[#292b3d] px-4 py-1 text-slate-400/75 bg-[#1D1E2A]";
+    const hljsToolbarStyle = "hljs-toolbar font-source-code-pro absolute left-0 right-0 top-0 flex justify-between border-b border-[#292b3d] px-4 py-1 text-slate-400/75 bg-[#1D1E2A]";
     pre.querySelector(".hljs-toolbar").setAttribute("class", hljsToolbarStyle);
   }
 }