Update Autofunction code block to match

sfc-gh-dmatthews · sfc-gh-dmatthews · commit 2d6877121120 · 2025-12-19T10:44:55.000-08:00
diff --git a/components/blocks/autofunction.module.css b/components/blocks/autofunction.module.css
@@ -63,16 +63,16 @@
 }
 
 .Header {
-  @apply flex items-center px-3 py-1 bg-gray-20 text-gray-70 text-xs font-medium tracking-wide rounded-t-xl border-b border-gray-30;
+  @apply flex items-center px-3 py-1 bg-gray-10 text-gray-70 text-sm font-mono font-medium tracking-wide rounded-t-xl border-b border-gray-30;
   min-height: 2.5rem;
 }
 
 :global(.dark) .Header {
-  @apply bg-gray-90 text-gray-50 border-gray-80;
+  @apply bg-gray-90 text-gray-60 border-gray-80;
 }
 
 .Language {
-  @apply uppercase tracking-wider pr-4;
+  @apply uppercase pr-4 font-mono;
 }
 
 .CodeBlockContainer pre,
diff --git a/components/blocks/code.module.css b/components/blocks/code.module.css
@@ -4,7 +4,7 @@
 }
 
 .Header {
-  @apply flex items-center px-3 py-1 bg-gray-10 text-gray-70 text-sm font-mono text-sm font-medium tracking-wide rounded-t-md border-b border-gray-30;
+  @apply flex items-center px-3 py-1 bg-gray-10 text-gray-70 text-sm font-mono font-medium tracking-wide rounded-t-xl border-b border-gray-30;
   min-height: 2.5rem;
 }
 
@@ -30,7 +30,7 @@
 }
 
 .Pre {
-  @apply p-6 bg-gray-10 text-gray-80 font-medium rounded-md relative leading-relaxed;
+  @apply p-6 bg-gray-10 text-gray-80 font-medium rounded-xl relative leading-relaxed;
 }
 
 /* Dark mode background and text for Pre */

Original file line number	Diff line number	Diff line change
`@@ -63,16 +63,16 @@`
`63`	`63`	`}`
`64`	`64`
`65`	`65`	`.Header {`
`66`		`- @apply flex items-center px-3 py-1 bg-gray-20 text-gray-70 text-xs font-medium tracking-wide rounded-t-xl border-b border-gray-30;`
	`66`	`+ @apply flex items-center px-3 py-1 bg-gray-10 text-gray-70 text-sm font-mono font-medium tracking-wide rounded-t-xl border-b border-gray-30;`
`67`	`67`	`min-height: 2.5rem;`
`68`	`68`	`}`
`69`	`69`
`70`	`70`	`:global(.dark) .Header {`
`71`		`- @apply bg-gray-90 text-gray-50 border-gray-80;`
	`71`	`+ @apply bg-gray-90 text-gray-60 border-gray-80;`
`72`	`72`	`}`
`73`	`73`
`74`	`74`	`.Language {`
`75`		`- @apply uppercase tracking-wider pr-4;`
	`75`	`+ @apply uppercase pr-4 font-mono;`
`76`	`76`	`}`
`77`	`77`
`78`	`78`	`.CodeBlockContainer pre,`
Original file line number	Diff line number	Diff line change
`@@ -4,7 +4,7 @@`
`4`	`4`	`}`
`5`	`5`
`6`	`6`	`.Header {`
`7`		`- @apply flex items-center px-3 py-1 bg-gray-10 text-gray-70 text-sm font-mono text-sm font-medium tracking-wide rounded-t-md border-b border-gray-30;`
	`7`	`+ @apply flex items-center px-3 py-1 bg-gray-10 text-gray-70 text-sm font-mono font-medium tracking-wide rounded-t-xl border-b border-gray-30;`
`8`	`8`	`min-height: 2.5rem;`
`9`	`9`	`}`
`10`	`10`
`@@ -30,7 +30,7 @@`
`30`	`30`	`}`
`31`	`31`
`32`	`32`	`.Pre {`
`33`		`- @apply p-6 bg-gray-10 text-gray-80 font-medium rounded-md relative leading-relaxed;`
	`33`	`+ @apply p-6 bg-gray-10 text-gray-80 font-medium rounded-xl relative leading-relaxed;`
`34`	`34`	`}`
`35`	`35`
`36`	`36`	`/* Dark mode background and text for Pre */`