From 73631d01b4b1d85f4eedf151d355a605c4270aca Mon Sep 17 00:00:00 2001
From: tycrek <gpg+github@jmoore.dev>
Date: Sat, 24 Dec 2022 19:30:15 -0700
Subject: [PATCH] fix: image was full-width on web but stretched (closes #
 #178)

Thanks to @davidnjoy for alerting of this
---
 views/view.pug | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/views/view.pug b/views/view.pug
index c6aefa5..0421cc1 100644
--- a/views/view.pug
+++ b/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
-					if fileIs.video
-						video.res-media(controls loop muted playsinline preload='metadata')&attributes(resourceAttr)
-					else if fileIs.image
-						img.res-media(decoding='async')&attributes(resourceAttr)
-					else if fileIs.audio
-						audio.res-media(controls loop preload='metadata')&attributes(resourceAttr)
-					else
-						code!=mimetype
+				figure.mx-10.my-4.flex.flex-col.align-items-center.justify-center
+					.flex.justify-center
+						if fileIs.video
+							video.res-media(controls loop muted playsinline preload='metadata')&attributes(resourceAttr)
+						else if fileIs.image
+							img.res-media(decoding='async')&attributes(resourceAttr)
+						else if fileIs.audio
+							audio.res-media(controls loop preload='metadata')&attributes(resourceAttr)
+						else
+							code!=mimetype
 					figcaption
 						br
 						span.text-2xl Uploaded by #[strong!=uploader]