From 5de3e90b998b2f60f1994a3429fe204d828ca0d7 Mon Sep 17 00:00:00 2001
From: Varun Patil <varunpatil@ucla.edu>
Date: Tue, 18 Oct 2022 07:49:06 -0700
Subject: [PATCH] Add object-fit to tag and folder (#72)

---
 src/components/frame/Folder.vue | 1 +
 src/components/frame/Tag.vue    | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/frame/Folder.vue b/src/components/frame/Folder.vue
index 31a61104..794fc5dc 100644
--- a/src/components/frame/Folder.vue
+++ b/src/components/frame/Folder.vue
@@ -183,6 +183,7 @@ export default class Folder extends Mixins(GlobalMixin) {
         }
 
         > img {
+            object-fit: cover;
             padding: 0;
             filter: brightness(50%);
             transition: filter 0.2s ease-in-out;
diff --git a/src/components/frame/Tag.vue b/src/components/frame/Tag.vue
index 915e945b..24189664 100644
--- a/src/components/frame/Tag.vue
+++ b/src/components/frame/Tag.vue
@@ -13,6 +13,7 @@
         <div class="previews fill-block" ref="previews">
             <div class="img-outer" v-for="info of previews" :key="info.fileid">
                 <img
+                    class="fill-block"
                     :class="{ 'error': info.flag & c.FLAG_LOAD_FAIL }"
                     :key="'fpreview-' + info.fileid"
                     :src="getPreviewUrl(info.fileid, info.etag)"
@@ -166,7 +167,7 @@ export default class Tag extends Mixins(GlobalMixin) {
         }
 
         > img {
-            width: 100%;
+            object-fit: cover;
             padding: 0;
             filter: brightness(60%);
             cursor: pointer;