34 lines
794 B
HTML
34 lines
794 B
HTML
<style>
|
|
div[m-id="{{d.mId}}"] {
|
|
position: relative;
|
|
display: flex;
|
|
flex-direction: row;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
div[m-id="{{d.mId}}"] > .editor-blockly {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
div[m-id="{{d.mId}}"] > .editor-code {
|
|
display: none;
|
|
width: 0%;
|
|
height: 100%;
|
|
border-left: 1px;
|
|
border-left-style: solid;
|
|
}
|
|
|
|
html[data-bs-theme=light] div[m-id="{{d.mId}}"] > .editor-code {
|
|
border-color: #c9c9c9;
|
|
}
|
|
|
|
html[data-bs-theme=dark] div[m-id="{{d.mId}}"] > .editor-code {
|
|
border-color: rgba(128, 128, 128, 0.35);
|
|
}
|
|
</style>
|
|
<div m-id="{{d.mId}}" class="editor">
|
|
<div class="editor-blockly"></div>
|
|
<div class="editor-code"></div>
|
|
</div> |