fix #367
This commit is contained in:
parent
1c295785d0
commit
ef52c48b26
|
@ -14,8 +14,16 @@
|
||||||
* limitations under the License.
|
* limitations under the License.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
body{
|
body {
|
||||||
overflow: auto;
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
max-height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main {
|
||||||
|
flex: 1;
|
||||||
|
min-height: 1px;
|
||||||
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header {
|
.header {
|
||||||
|
@ -61,7 +69,7 @@ body{
|
||||||
}
|
}
|
||||||
|
|
||||||
.share-panel .font-ico:hover {
|
.share-panel .font-ico:hover {
|
||||||
transform:rotate(360deg);
|
transform: rotate(360deg);
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer {
|
.footer {
|
||||||
|
|
|
@ -26,7 +26,6 @@ var playground = {
|
||||||
editor: undefined,
|
editor: undefined,
|
||||||
pid: undefined,
|
pid: undefined,
|
||||||
_resize: function () {
|
_resize: function () {
|
||||||
$('#goNews, #editorDivWrap').height($(window).height() - 40 - $(".footer").height());
|
|
||||||
playground.editor.setSize("auto", ($("#editorDiv").parent().height() * 0.7) + "px");
|
playground.editor.setSize("auto", ($("#editorDiv").parent().height() * 0.7) + "px");
|
||||||
},
|
},
|
||||||
_initShare: function () {
|
_initShare: function () {
|
||||||
|
|
|
@ -62,8 +62,8 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="fn-clear">
|
<div class="main">
|
||||||
<div class="fn-left" id="editorDivWrap">
|
<div id="editorDivWrap">
|
||||||
<div id="editorDiv">
|
<div id="editorDiv">
|
||||||
<textarea rows="20" id='editor' class="fn-none">{{.code}}</textarea>
|
<textarea rows="20" id='editor' class="fn-none">{{.code}}</textarea>
|
||||||
</div>
|
</div>
|
||||||
|
@ -71,7 +71,7 @@
|
||||||
<div id="output" class="output"></div>
|
<div id="output" class="output"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="fn-right" id="goNews"></div>
|
<div id="goNews"></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
<span class="wrapper">
|
<span class="wrapper">
|
||||||
|
|
Loading…
Reference in New Issue