natty
/
magnetar
1
0
Fork 0
Code Issues 4 Pull Requests 1 Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
fe_calckey/frontend/client/src/components/MkMediaList.vue
View File

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

5
fe_calckey/frontend/client/src/pages/explore.users.vue
View File

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