Frontend: Fixed media preview JS gallery

This commit is contained in:
Natty 2024-01-13 03:58:27 +01:00
parent ff00dfebb6
commit a51e412cb8
Signed by: natty
GPG Key ID: BF6CB659ADEE60EC
2 changed files with 4 additions and 5 deletions

View File

@ -49,7 +49,7 @@
</template>
<script lang="ts" setup>
import { onMounted } from "vue";
import { onMounted, ref } from "vue";
import * as misskey from "calckey-js";
import PhotoSwipeLightbox from "photoswipe/lightbox";
import PhotoSwipe from "photoswipe";
@ -68,6 +68,7 @@ const props = defineProps<{
inDm?: boolean;
}>();
const gallery = ref(null);
const pswpZIndex = os.claimZIndex("middle");
onMounted(() => {
@ -103,6 +104,7 @@ onMounted(() => {
}
return item;
}),
gallery: gallery.value,
children: ".image",
thumbSelector: ".image",
loop: false,

View File

@ -1,4 +1,3 @@
4.8 KiB
<template>
<MkSpacer :content-max="1200">
<MkTab v-model="origin" style="margin-bottom: var(--margin)">
@ -141,15 +140,13 @@
</template>
<script lang="ts" setup>
import { computed, watch } from "vue";
import { watch } from "vue";
import XUserList from "@/components/MkUserList.vue";
import MkFolder from "@/components/MkFolder.vue";
import MkTab from "@/components/MkTab.vue";
import number from "@/filters/number";
import * as os from "@/os";
import { i18n } from "@/i18n";
import { $i } from "@/account";
import { instance } from "@/instance";
const props = defineProps<{
tag?: string;