|
|
|
|
@ -131,19 +131,19 @@ class VNCDisplay extends Component {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<div className="" style={{height: '100%'}}>
|
|
|
|
|
<div className="vncDisply" style={{height: '100%'}}>
|
|
|
|
|
<style>{`
|
|
|
|
|
#top_bar {
|
|
|
|
|
.vncDisply #top_bar {
|
|
|
|
|
background-color: #6e84a3;
|
|
|
|
|
color: white;
|
|
|
|
|
font: bold 12px Helvetica;
|
|
|
|
|
padding: 6px 5px 4px 5px;
|
|
|
|
|
border-bottom: 1px outset;
|
|
|
|
|
}
|
|
|
|
|
#status {
|
|
|
|
|
.vncDisply #status {
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
#sendCtrlAltDelButton {
|
|
|
|
|
.vncDisply #sendCtrlAltDelButton {
|
|
|
|
|
position: fixed;
|
|
|
|
|
top: 0px;
|
|
|
|
|
right: 0px;
|
|
|
|
|
@ -151,10 +151,14 @@ class VNCDisplay extends Component {
|
|
|
|
|
padding: 5px 5px 4px 5px;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
#screen {
|
|
|
|
|
.vncDisply #screen {
|
|
|
|
|
height: 100%;
|
|
|
|
|
flex: 1; /* fill remaining space */
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
background: #666;
|
|
|
|
|
}
|
|
|
|
|
.vncDisply #screen > div {
|
|
|
|
|
background: #666;
|
|
|
|
|
}
|
|
|
|
|
`}</style>
|
|
|
|
|
<div id="top_bar">
|
|
|
|
|
|
