feat: increase editor iframe dimensions for better visibility (#388)

Copilot · web-flow · commit f365aedfe7ca · 2025-12-23T01:29:43.000+08:00
diff --git a/src/components/EditorPreview/styles.module.css b/src/components/EditorPreview/styles.module.css
@@ -26,7 +26,7 @@
 }
 
 .editorContainer {
-  max-width: 1200px;
+  max-width: 1400px;
   margin: 0 auto;
 }
 
@@ -37,7 +37,7 @@
   box-shadow: 0 4px 12px rgb(0 0 0 / 8%);
   overflow: hidden;
   margin-bottom: 30px;
-  height: 600px;
+  height: 800px;
   position: relative;
 }
 
@@ -70,7 +70,7 @@ html[data-theme="dark"] .editorWrapper {
   }
 
   .editorWrapper {
-    height: 500px;
+    height: 700px;
     border-radius: 8px;
   }
 

Original file line number	Diff line number	Diff line change
`@@ -26,7 +26,7 @@`
`26`	`26`	`}`
`27`	`27`
`28`	`28`	`.editorContainer {`
`29`		`- max-width: 1200px;`
	`29`	`+ max-width: 1400px;`
`30`	`30`	`margin: 0 auto;`
`31`	`31`	`}`
`32`	`32`
`@@ -37,7 +37,7 @@`
`37`	`37`	`box-shadow: 0 4px 12px rgb(0 0 0 / 8%);`
`38`	`38`	`overflow: hidden;`
`39`	`39`	`margin-bottom: 30px;`
`40`		`- height: 600px;`
	`40`	`+ height: 800px;`
`41`	`41`	`position: relative;`
`42`	`42`	`}`
`43`	`43`
`@@ -70,7 +70,7 @@ html[data-theme="dark"] .editorWrapper {`
`70`	`70`	`}`
`71`	`71`
`72`	`72`	`.editorWrapper {`
`73`		`- height: 500px;`
	`73`	`+ height: 700px;`
`74`	`74`	`border-radius: 8px;`
`75`	`75`	`}`
`76`	`76`