fix: fixed stretched images on web viewer

Merge branch '0.14.0/fix-web-viewer-stretching' into 0.14.0/stage

views/view.pug

@@ -25,15 +25,16 @@ html
 		.w-full.h-full.flex.justify-center.items-center.text-center
 			.bg-viewer.rounded-24
 				h4.mx-4.mt-6.mb-4.text-3xl.font-main!=title
-				figure.block.mx-10.my-4.flex.flex-col.align-items-center
+				figure.mx-10.my-4.flex.flex-col.align-items-center.justify-center
-					if fileIs.video
+					.flex.justify-center
-						video.res-media(controls loop muted playsinline preload='metadata')&attributes(resourceAttr)
+						if fileIs.video
-					else if fileIs.image
+							video.res-media(controls loop muted playsinline preload='metadata')&attributes(resourceAttr)
-						img.res-media(decoding='async')&attributes(resourceAttr)
+						else if fileIs.image
-					else if fileIs.audio
+							img.res-media(decoding='async')&attributes(resourceAttr)
-						audio.res-media(controls loop preload='metadata')&attributes(resourceAttr)
+						else if fileIs.audio
-					else
+							audio.res-media(controls loop preload='metadata')&attributes(resourceAttr)
-						code!=mimetype
+						else
+							code!=mimetype
 					figcaption
 						br
 						span.text-2xl Uploaded by #[strong!=uploader]