From 4a1764f5bbe33f564f107cc36c3b1fa930138ade Mon Sep 17 00:00:00 2001
From: anko9801 <daiusa3@icloud.com>
Date: Mon, 11 Dec 2023 22:15:40 +0900
Subject: [PATCH] =?UTF-8?q?:art:=20=E3=83=95=E3=82=A1=E3=82=A4=E3=83=AB?=
 =?UTF-8?q?=E7=B3=BB=E7=B5=B1=E3=81=AE=E3=83=A2=E3=83=BC=E3=83=80=E3=83=AB?=
 =?UTF-8?q?=E3=81=AE=E9=AB=98=E3=81=95=E3=81=AE=E8=AA=BF=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Modal/FileModal/FileModal.vue | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/components/Modal/FileModal/FileModal.vue b/src/components/Modal/FileModal/FileModal.vue
index fcf51264eb..4e2a835a75 100644
--- a/src/components/Modal/FileModal/FileModal.vue
+++ b/src/components/Modal/FileModal/FileModal.vue
@@ -1,6 +1,10 @@
 <template>
   <click-outside stop @click-outside="clearModal">
-    <div v-if="fileMeta" :class="$style.fileContainer">
+    <div
+      v-if="fileMeta"
+      :class="$style.fileContainer"
+      :data-fullsize="$boolAttr(isFullsizeModal)"
+    >
       <file-modal-image v-if="fileType === 'image'" :file-id="fileMeta.id" />
       <file-modal-video
         v-else-if="fileType === 'video'"
@@ -34,11 +38,17 @@ const fileIdState = reactive({
 })
 const { fileMeta, fileType } = useFileMeta(fileIdState)
 const { clearModal } = useModalStore()
+const isFullsizeModal = computed(
+  () => fileType.value === 'image' || fileType.value === 'video'
+)
 </script>
 
 <style module lang="scss">
 .fileContainer {
-  height: 100%;
+  height: auto;
+  &[data-fullsize] {
+    height: 100%;
+  }
   display: flex;
   flex-direction: column;
   align-items: center;