import scaffoldings

ui/src/components/base/CodeBlock.svelte

@@ -4,6 +4,9 @@
     import "prismjs/components/prism-dart.js";
     import "@/scss/prism_light.scss";
 
+    let classes = "";
+    export { classes as class }; // export reserved keyword
+
     export let content = "";
     export let language = "javascript"; // javascript, html
 
@@ -28,7 +31,7 @@
     }
 </script>
 
-<div class="code-wrapper prism-light">
+<div class="code-wrapper prism-light {classes}">
     <code>{@html formattedContent}</code>
 </div>
 
@@ -43,6 +46,9 @@
     .code-wrapper {
         display: block;
         width: 100%;
+        max-height: 100%;
+        overflow: auto; /* fallback */
+        overflow: overlay;
     }
     .prism-light code {
         color: var(--txtPrimaryColor);