Hide language when none

Author: sfc-gh-dmatthews

components/blocks/code.js

@@ -124,10 +124,13 @@ const Code = ({
   // Extract language identifier for display
   const langId = languageClass?.substring(9) || language || "python";
   const displayLanguage = languageDisplayNames[langId] || langId;
+  const showLanguage = langId.toLowerCase() !== "none";
 
   const Header = (
     <div className={classNames(styles.Header, "code-block-header")}>
-      <span className={styles.Language}>{displayLanguage}</span>
+      {showLanguage && (
+        <span className={styles.Language}>{displayLanguage}</span>
+      )}
     </div>
   );
 

components/blocks/code.module.css

@@ -4,7 +4,8 @@
 }
 
 .Header {
-  @apply flex items-center px-4 py-2 bg-gray-20 text-gray-70 text-xs font-medium tracking-wide rounded-t-md border-b border-gray-30;
+  @apply flex items-center px-3 py-1 bg-gray-20 text-gray-70 text-xs font-medium tracking-wide rounded-t-md border-b border-gray-30;
+  min-height: 2.5rem;
 }
 
 :global(.dark) .Header {