From 83379ca6fc69018fd2012339f4413f64a0dec837 Mon Sep 17 00:00:00 2001
From: Ben Haynes <ben@rngr.org>
Date: Mon, 17 Aug 2020 12:30:25 -0400
Subject: [PATCH] =?UTF-8?q?don=E2=80=99t=20let=20files=20show=20larger=20t?=
 =?UTF-8?q?han=20they=20are?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../private/components/file-preview/file-preview.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/app/src/views/private/components/file-preview/file-preview.vue b/app/src/views/private/components/file-preview/file-preview.vue
index ec4a811a10..5238ded6de 100644
--- a/app/src/views/private/components/file-preview/file-preview.vue
+++ b/app/src/views/private/components/file-preview/file-preview.vue
@@ -1,7 +1,16 @@
 <template>
 	<div class="file-preview" v-if="type">
 		<div v-if="type === 'image'" class="image" :class="{ svg: isSVG, 'max-size': inModal === false }" @click="$emit('click')">
-			<img :src="src" :width="width" :height="height" :alt="title" />
+			<img
+				:src="src"
+				:width="width"
+				:height="height"
+				:style="{
+					'maxWidth': width ? width + 'px' : '100%',
+					'maxHeight': height ? height + 'px' : '100%'
+				}"
+				:alt="title"
+			/>
 			<v-icon v-if="inModal === false" name="fullscreen" />
 		</div>
 
@@ -101,6 +110,7 @@ audio {
 		max-height: inherit;
 		z-index: 1;
 		display: block;
+		margin: 0 auto;
 	}
 
 	.v-icon {