diff options
Diffstat (limited to 'www/templates/monitors-modal.html')
| -rw-r--r-- | www/templates/monitors-modal.html | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/www/templates/monitors-modal.html b/www/templates/monitors-modal.html index 34bfad22..65e99803 100644 --- a/www/templates/monitors-modal.html +++ b/www/templates/monitors-modal.html @@ -9,7 +9,7 @@ <ion-scroll delegate-handle="imgscroll" has-bouncing=false min-zoom=1 zooming="true" direction="xy" style="width: 100%; "> <!-- android needs this 100vh - otherwise max- does not work --> - + <!-- --> <div id="monitorimage" style="height: 100vh;" class="main"> @@ -17,10 +17,10 @@ <div ng-if="$root.authSession!='undefined'"> - <div ng-if="!animationInProgress"> - <img imageonload="finishedLoadingImage()" + <div ng-if="!animationInProgress" > + <img style="width:100vw; height:100vh" imageonload="finishedLoadingImage()" image-spinner-loader="lines" - image-spinner-src="{{LoginData.streamingurl}}/nph-zms?mode=single&monitor={{monitorId}}{{$root.authSession}}&rand={{$root.modalRand}}" ng-class="{'zm-image-fit':imageFit==true, 'zm-image-crop':imageFit==false}" + image-spinner-src="{{LoginData.streamingurl}}/nph-zms?mode=single&monitor={{monitorId}}{{$root.authSession}}&rand={{$root.modalRand}}" ng-class="{'object-fit_cover':imageFit==false, 'object-fit_contain':imageFit==true}" on-swipe-left="onSwipe(monitorId,1)" on-swipe-right="onSwipe(monitorId,-1)" /> @@ -28,7 +28,7 @@ <div ng-if="animationInProgress"> <img - ng-src="img/pausevideo.png" ng-class="{'zm-image-fit':imageFit==true, 'zm-image-crop':imageFit==false}" + ng-src="img/pausevideo.png" ng-class="{'object-fit_cover':imageFit==false, 'object-fit_contain':imageFit==true}" /> </div> |