Frontend: Fixed media preview JS gallery
This commit is contained in:
parent
ff00dfebb6
commit
a51e412cb8
|
@ -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,
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Reference in New Issue