Make console resizable

This commit is contained in:
augustin64 2024-04-12 20:01:34 +02:00
parent 37e8f6f61b
commit 6ade73617a
2 changed files with 23 additions and 6 deletions

View File

@ -0,0 +1,17 @@
#console {
height: 100%;
width: 20%;
float: left;
resize: horizontal;
overflow: auto;
}
#vnc-container {
height: 100%;
width: 80%;
float: left;
}
.container {
height: 100%;
}

View File

@ -6,19 +6,19 @@
{% if not current_user.is_authenticated %} {% if not current_user.is_authenticated %}
<button class="unselected" onclick="location.href = '/login';">login</button> <button class="unselected" onclick="location.href = '/login';">login</button>
{% else %} {% else %}
<link rel="stylesheet" href="{{ url_for('static', filename='css/vnc-post.css') }}"/>
<link rel="stylesheet" href="{{ url_for('static', filename='node_modules/xterm/css/xterm.css') }}"/> <link rel="stylesheet" href="{{ url_for('static', filename='node_modules/xterm/css/xterm.css') }}"/>
<script src="{{ url_for('static', filename='node_modules/xterm/lib/xterm.js') }}"></script> <script src="{{ url_for('static', filename='node_modules/xterm/lib/xterm.js') }}"></script>
<script src="{{ url_for('static', filename='node_modules/xterm-addon-fit/lib/xterm-addon-fit.js') }}"></script> <script src="{{ url_for('static', filename='node_modules/xterm-addon-fit/lib/xterm-addon-fit.js') }}"></script>
<script> <script>
document.getElementsByClassName("content")[0].style.padding = "0 0" document.getElementsByClassName("content")[0].style.padding = "0 0"
</script> </script>
<div style="height: 100%"> <div class="container">
<div id="console"></div>
<div id="console" style="height: 100%; width: 20%; float:left;"></div> <div id="vnc-container">
<div style="height: 100%; width: 80%; float:left;">
<iframe src="/novnc/vnc.html?resize=scale&path=novnc/websockify&autoconnect=true&view_only" <iframe src="/novnc/vnc.html?resize=scale&path=novnc/websockify&autoconnect=true&view_only"
width="100%" height="100%" frameborder="0"></iframe> width="100%" height="100%" frameborder="0">
</iframe>
</div> </div>
</div> </div>