mirror of
https://github.com/leporello-js/leporello-js
synced 2026-01-13 21:14:28 -08:00
add iframe to markup
This commit is contained in:
12
index.html
12
index.html
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user