fix: fix zoomable videos (#947)

fixes #946

src/routes/_components/dialog/components/MediaDialog.html

@@ -11,20 +11,26 @@
         <div class="media-scroll-item">
           <div class="media-scroll-item-inner">
             <div class="media-scroll-item-inner-inner">
+                {#if canPinchZoom}
                   <PinchZoomable className='media-pinch-zoom' disabled={!pinchZoomMode} >
                     <MediaInDialog {media} />
                   </PinchZoomable>
+                {:else}
+                  <MediaInDialog {media} />
+                {/if}
             </div>
           </div>
         </div>
       {/each}
     </div>
     <div class="media-controls-outside">
+      {#if canPinchZoom}
         <IconButton
           className="media-control-button media-control-button-dummy-spacer"
           href="#fa-search"
           label=""
         />
+      {/if}
       {#if dots.length > 1}
         <div class="media-controls">
             <IconButton
@@ -54,6 +60,7 @@
             />
         </div>
       {/if}
+      {#if canPinchZoom}
         <IconButton
           className="media-control-button"
           pressable={true}
@@ -62,6 +69,7 @@
           href="#fa-search"
           on:click="togglePinchZoomMode()"
         />
+      {/if}
     </div>
   </div>
 </ModalDialog>
@@ -206,7 +214,8 @@
     }),
     computed: {
       length: ({ mediaItems }) => mediaItems.length,
-      dots: ({ length }) => times(length, i => ({ i }))
+      dots: ({ length }) => times(length, i => ({ i })),
+      canPinchZoom: ({ mediaItems }) => !mediaItems.some(media => media.type === 'video')
     },
     components: {
       ModalDialog,