UI / improved media tiles resolution for large display

l-atelier-des-chercheurs · Sep 13, 2023 · ae31e44 · ae31e44
1 parent 17bef16
commit ae31e44
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/client/src/components/MediaTile.vue b/client/src/components/MediaTile.vue
@@ -12,7 +12,11 @@
     @dragend="endMediaDrag()"
   >
     <div class="u-nut _index" v-html="index" />
-    <MediaContent class="_content" :file="file" :resolution="220" />
+    <MediaContent
+      class="_content"
+      :file="file"
+      :resolution="media_resolution"
+    />
     <div
       v-if="tile_mode === 'table'"
       v-html="formatDateToPrecise(file.$date_uploaded)"
@@ -85,6 +89,10 @@ export default {
   beforeDestroy() {},
   watch: {},
   computed: {
+    media_resolution() {
+      if (this.tile_mode === "medium") return 440;
+      return 220;
+    },
     duration() {
       if (["video", "audio"].includes(this.file.$type))
         if (this.file.$infos.duration)

diff --git a/settings_base.json b/settings_base.json
@@ -431,7 +431,7 @@
             },
             "$files": {
               "thumbs": {
-                "resolutions": [50, 220, 1600]
+                "resolutions": [50, 220, 440, 1600]
               },
               "fields": {
                 "group": {