feat: Adjust code example styling for dynamic height and responsive layout

2026-10-18 21:47:40 +00:00 · 2025-02-22 23:11:34 -06:00
parent 713761386c
commit ae4bc3e0a9
3 changed files with 10 additions and 3 deletions
@@ -1,6 +1,7 @@
 .editorContainer {
    width: 100%;
-    height: 400px;
+    height: 100%;
+    min-height: 300px;
    border-radius: 8px;
    overflow: hidden;
    margin: 20px 0;
@@ -32,7 +32,7 @@ export default function CodeExample() {
    return (
        <div className={styles.editorContainer}>
            <Editor
-                height="400px"
+                height="100%"
                defaultLanguage="typescript"
                defaultValue={exampleCode}
                theme="vs-dark"