Update EmMediaList.vue

This commit is contained in:
syuilo 2024-08-20 16:31:59 +09:00
parent 04025cb1db
commit a1795366a7

View file

@ -13,11 +13,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<div <div
:class="[ :class="[
$style.medias, $style.medias,
count === 1 ? [$style.n1, { count === 1 ? [$style.n1] : count === 2 ? $style.n2 : count === 3 ? $style.n3 : count === 4 ? $style.n4 : $style.nMany,
[$style.n116_9]: defaultStore.reactiveState.mediaListWithOneImageAppearance.value === '16_9',
[$style.n11_1]: defaultStore.reactiveState.mediaListWithOneImageAppearance.value === '1_1',
[$style.n12_3]: defaultStore.reactiveState.mediaListWithOneImageAppearance.value === '2_3',
}] : count === 2 ? $style.n2 : count === 3 ? $style.n3 : count === 4 ? $style.n4 : $style.nMany,
]" ]"
> >
<div v-for="media in mediaList.filter(media => previewable(media))" :class="$style.media"> <div v-for="media in mediaList.filter(media => previewable(media))" :class="$style.media">
@ -31,16 +27,13 @@ SPDX-License-Identifier: AGPL-3.0-only
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { computed, onMounted, onUnmounted, shallowRef, inject } from 'vue'; import { computed, inject } from 'vue';
import * as Misskey from 'misskey-js'; import * as Misskey from 'misskey-js';
import 'photoswipe/style.css';
import XBanner from './EmMediaBanner.vue'; import XBanner from './EmMediaBanner.vue';
import XImage from './EmMediaImage.vue'; import XImage from './EmMediaImage.vue';
import XVideo from './EmMediaVideo.vue'; import XVideo from './EmMediaVideo.vue';
import * as os from '@/os.js'; import * as os from '@/os.js';
import { FILE_TYPE_BROWSERSAFE } from '@/const.js'; import { FILE_TYPE_BROWSERSAFE } from '@/const.js';
import { defaultStore } from '@/store.js';
import { focusParent } from '@/scripts/focus.js';
const props = defineProps<{ const props = defineProps<{
mediaList: Misskey.entities.DriveFile[]; mediaList: Misskey.entities.DriveFile[];