From ed73185356d1eda63a8289b7b2410ead073c1b32 Mon Sep 17 00:00:00 2001
From: nokhnaton <sage_of_forest@icloud.com>
Date: Sat, 26 Oct 2024 16:40:34 +0900
Subject: [PATCH] =?UTF-8?q?=E3=83=A1=E3=83=83=E3=82=BB=E3=83=BC=E3=82=B8?=
 =?UTF-8?q?=E3=81=AE=E7=94=BB=E5=83=8F=E3=81=AE=E3=82=B5=E3=83=A0=E3=83=8D?=
 =?UTF-8?q?=E3=82=A4=E3=83=AB=E3=82=92=E8=A1=A8=E7=A4=BA=E3=81=99=E3=82=8B?=
 =?UTF-8?q?=E3=82=B3=E3=83=B3=E3=83=9D=E3=83=BC=E3=83=8D=E3=83=B3=E3=83=88?=
 =?UTF-8?q?=E3=81=8C=E8=AD=A6=E5=91=8A=E3=82=92=E5=87=BA=E3=81=97=E3=81=A6?=
 =?UTF-8?q?=E3=81=84=E3=81=9F=E3=81=AE=E3=82=92=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../MessageElement/MessageFileListImage.vue   | 40 ++++++++++---------
 1 file changed, 21 insertions(+), 19 deletions(-)

diff --git a/src/components/Main/MainView/MessageElement/MessageFileListImage.vue b/src/components/Main/MainView/MessageElement/MessageFileListImage.vue
index c4b95e071..3a92b2b5c 100644
--- a/src/components/Main/MainView/MessageElement/MessageFileListImage.vue
+++ b/src/components/Main/MainView/MessageElement/MessageFileListImage.vue
@@ -1,28 +1,30 @@
 <template>
-  <template v-if="canShow">
-    <router-link v-if="isLarge" :to="fileLink" :class="$style.largeContainer">
-      <!--
+  <div>
+    <template v-if="canShow">
+      <router-link v-if="isLarge" :to="fileLink" :class="$style.largeContainer">
+        <!--
         height, widthはlayout shift対策
         https://www.mizdra.net/entry/2020/05/31/192613
       -->
-      <img
-        draggable="false"
-        :alt="name"
-        :src="fileThumbnailPath"
-        :height="fileThumbnailSize.height"
-        :width="fileThumbnailSize.width"
-      />
-      <play-icon v-if="isAnimatedImage" :class="$style.playIcon" />
-    </router-link>
-    <router-link v-else :to="fileLink" :class="$style.container">
-      <!--
+        <img
+          draggable="false"
+          :alt="name"
+          :src="fileThumbnailPath"
+          :height="fileThumbnailSize.height"
+          :width="fileThumbnailSize.width"
+        />
+        <play-icon v-if="isAnimatedImage" :class="$style.playIcon" />
+      </router-link>
+      <router-link v-else :to="fileLink" :class="$style.container">
+        <!--
         CSSで固定値指定なのでheight, widthはつけない
       -->
-      <img draggable="false" :alt="name" :src="fileThumbnailPath" />
-      <play-icon v-if="isAnimatedImage" :class="$style.playIcon" />
-    </router-link>
-  </template>
-  <div v-else :class="$style.container">表示できない画像です</div>
+        <img draggable="false" :alt="name" :src="fileThumbnailPath" />
+        <play-icon v-if="isAnimatedImage" :class="$style.playIcon" />
+      </router-link>
+    </template>
+    <div v-else :class="$style.container">表示できない画像です</div>
+  </div>
 </template>
 
 <script lang="ts" setup>