diff --git a/src/pages/apps.astro b/src/pages/apps.astro index 715e302..27e0cc3 100644 --- a/src/pages/apps.astro +++ b/src/pages/apps.astro @@ -154,7 +154,7 @@ const heroDescription = `Browse ${totalApps} badge apps. ${preloadedApps.length} Apps Directory Structure -
{`/Volumes/BADGER/
+          
{`/Volumes/BADGER/
 ├── apps/
 │   ├── badge/
 │   │   ├── __init__.py
@@ -216,7 +216,7 @@ const heroDescription = `Browse ${totalApps} badge apps. ${preloadedApps.length}
             

Apps can be launched from the badge menu or inspected directly from the REPL:

-
import os
+            
import os
 os.listdir('/apps')
 
 # example: run flappy from a REPL session
@@ -231,7 +231,7 @@ exec(open('/apps/flappy/__init__.py').read())

Most apps expose straight Python or asset files you can tweak while mounted:

-
# Edit via USB file access
+            
# Edit via USB file access
 # example: adjust Monapet UI text
 edit('/apps/monapet/ui.py')
diff --git a/src/styles/globals.css b/src/styles/globals.css index cbb3e1f..735df8e 100644 --- a/src/styles/globals.css +++ b/src/styles/globals.css @@ -556,4 +556,18 @@ .prose .chars--highlighted { @apply bg-zinc-700/50 dark:bg-zinc-600/50 rounded px-1; +} + + +.code-block { + @apply bg-background rounded p-6 overflow-x-auto text-sm max-w-full; +} + +.code-block-sm { + @apply bg-background rounded p-3 overflow-x-auto text-sm max-w-full; +} + +.code-block code, +.code-block-sm code { + @apply block whitespace-pre-wrap font-mono; } \ No newline at end of file