add iframe to markup

This commit is contained in:
Dmitry Vasilev
2022-10-21 04:09:55 +08:00
parent 06a2a4fe94
commit 7c9c74988d

View File

@@ -13,17 +13,17 @@
--shadow_color: rgb(171 200 214); --shadow_color: rgb(171 200 214);
} }
html, body { html, body, .app {
height: 100%; height: 100%;
} }
body { .app {
margin: 0px; margin: 0px;
/* same as ace editor */ /* same as ace editor */
font-family: Monaco, Menlo, "Ubuntu Mono", Consolas, source-code-pro, monospace; font-family: Monaco, Menlo, "Ubuntu Mono", Consolas, source-code-pro, monospace;
} }
body::backdrop { .app::backdrop {
background-color: white; background-color: white;
} }
@@ -375,12 +375,16 @@
import {init} from './src/index.js' import {init} from './src/index.js'
window.addEventListener('load', () => { window.addEventListener('load', () => {
init(document.body) init(document.getElementById('app'))
}) })
</script> </script>
</head> </head>
<body> <body>
<iframe id='run_code' src='iframe.html' hidden>
</iframe>
<div id='app' class='app'>
</div>
</body> </body>
</html> </html>