From 43b5da82f16f1197df8ab68029132c2ba17a09d5 Mon Sep 17 00:00:00 2001
From: Santo Cariotti <santo@dcariotti.me>
Date: Tue, 27 Sep 2022 17:11:52 +0200
Subject: Fix images preview on mobile

---
 components/FilePreview.vue | 4 ++--
 pages/models/_id/index.vue | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/FilePreview.vue b/components/FilePreview.vue
index 5b1c385..3892857 100644
--- a/components/FilePreview.vue
+++ b/components/FilePreview.vue
@@ -1,6 +1,6 @@
 <template lang="pug">
-  .file-preview.h-full.overflow-hidden
-    img.h-full.block.mx-auto(
+  .file-preview.h-full.overflow-hidden.grid.items-center
+    img.block.mx-auto(
       v-if="isImage(path)"
       :src="baseAPI + '' + path"
     )
diff --git a/pages/models/_id/index.vue b/pages/models/_id/index.vue
index 2f90025..d242161 100644
--- a/pages/models/_id/index.vue
+++ b/pages/models/_id/index.vue
@@ -114,7 +114,7 @@
     .images.shadow-sm.rounded-lg.bg-white.p-4.w-full(v-if="model.uploads")
       .block.gap-4.h-full(class="md:flex")
         .w-full(class="md:w-4/5")
-          .image.bg-gray-900.border-2.rounded-xl.w-full.h-full.overflow-hidden(v-if="model.uploads && model.uploads[selectedUpload]")
+          .image.bg-gray-900.border-2.rounded-xl.w-full.h-64.overflow-hidden(class="sm:h-full" v-if="model.uploads && model.uploads[selectedUpload]")
             file-preview(:path="model.uploads[selectedUpload].filepath" bg="#111827" controls="1")
         .w-full.mt-8.h-auto(class="md:w-1/5 md:mt-0" v-if="model")
           .grid.grid-cols-3.gap-4.h-full.overflow-y-auto.grid-mini(class="md:grid-cols-2")
-- 
cgit v1.2.3-18-g5258