File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change 99 * { margin : 0 ; padding : 0 ; box-sizing : border-box; }
1010 body { font-family : 'Consolas' , monospace; display : flex; height : 100vh ; background : # 1e1e1e ; color : # d4d4d4 ; }
1111 canvas { width : 100% ; height : 100% ; cursor : crosshair; display : block; }
12- # editor { width : 35 % ; display : flex; flex-direction : column; border-right : 2px solid # 333 ; }
13- # graph { width : 65 % ; position : relative; background : # fff ; }
12+ # editor { width : 25 % ; display : flex; flex-direction : column; border-right : 2px solid # 333 ; }
13+ # graph { width : 75 % ; position : relative; background : # fff ; }
1414 # editor-header { background : # 252526 ; padding : 10px 15px ; display : flex; justify-content : space-between; align-items : center; border-bottom : 1px solid # 333 ; }
1515 # editor-header h2 { font-size : 14px ; color : # 4ec9b0 ; }
1616 # run-btn { background : # 0e639c ; color : white; border : none; padding : 6px 20px ; cursor : pointer; font-family : inherit; font-size : 13px ; border-radius : 3px ; }
2929< body >
3030< div id ="editor ">
3131 < div id ="editor-header ">
32- < h2 > 📝 Editor</ h2 >
32+ < h2 > Editor</ h2 >
3333 < button id ="run-btn " onclick ="runCode() "> ▶ RUN</ button >
3434 </ div >
3535 < textarea id ="code " spellcheck ="false ">
@@ -94,8 +94,8 @@ <h2>📝 Editor</h2>
9494 editorVisible = ! editorVisible ;
9595 if ( editorVisible ) {
9696 editor . style . display = 'flex' ;
97- editor . style . width = '35 %' ;
98- graph . style . width = '65 %' ;
97+ editor . style . width = '25 %' ;
98+ graph . style . width = '75 %' ;
9999 btn . textContent = '◀' ;
100100 } else {
101101 editor . style . display = 'none' ;
You can’t perform that action at this time.
0 commit comments