| | |
| | | </div> |
| | | <div |
| | | :class="guid === 1 ? 'video-main-box' : 'video-main-box-side'" |
| | | style="width: 100%; height: calc(100% - 52px);" |
| | | style="width: 100%; height: calc(100% - 35px);" |
| | | v-if="visibilityState" |
| | | > |
| | | <video-item |
| | |
| | | width: 70.5%; |
| | | min-width: 740px; |
| | | max-width: 1208px; |
| | | height: 75%; |
| | | height: 71%; |
| | | float: left; |
| | | box-sizing: border-box; |
| | | // box-shadow: #e4e7ed 0px 0px 9px inset; |
| | |
| | | //width: calc(29.5% - 10px); |
| | | width: calc(34% - 10px); |
| | | //width: auto; |
| | | height: 73%; |
| | | height: 70.5%; |
| | | background-color: #fff; |
| | | float: left; |
| | | margin: 0px 0px 0px 10px; |
| | |
| | | |
| | | .monitoring-photo { |
| | | width: 100%; |
| | | height: calc(25% + 10px); |
| | | height: calc(25% + 32px); |
| | | background-color: #fff; |
| | | float: left; |
| | | padding: 10px; |
| | | margin-top: -10px; |
| | | //margin-top: -10px; |
| | | box-sizing: border-box; |
| | | border: 1px solid #e4e7ed; |
| | | // box-shadow: #e4e7ed 0px 0px 9px inset; |