| | |
| | | <template> |
| | | <div style="height: 100%;"> |
| | | <div style="width:100%; height: 100%;"> |
| | | <div class="monitoring-right" ref="videoRight"> |
| | | <div class="monitoring-video" ref="monitorVideo"> |
| | | <div class="monitoring-video-guid"> |
| | |
| | | .monitoring-right { |
| | | width: 100%; |
| | | height: 100%; |
| | | float: right; |
| | | min-width: 1243px; |
| | | //float: right; |
| | | box-sizing: border-box; |
| | | padding: 10px; |
| | | background-color: #fff; |
| | | background-color: #e9ebf2; |
| | | .monitoring-video { |
| | | width: 70.5%; |
| | | //min-width: 800px; |
| | | min-width: 740px; |
| | | max-width: 1208px; |
| | | height: 75%; |
| | |
| | | // @media screen and (max-width: 1700px){ |
| | | |
| | | // } |
| | | width: calc(29.5% - 10px); |
| | | //width: calc(29.5% - 10px); |
| | | width: calc(34% - 10px); |
| | | //width: auto; |
| | | // width: 23%; |
| | | height: 73%; |
| | | background-color: #fff; |
| | | float: left; |