1
0
mirror of https://github.com/MisskeyIO/misskey synced 2024-12-23 19:18:44 +09:00
MisskeyIO/packages/frontend/src/pages/user/gallery.vue

39 lines
895 B
Vue
Raw Normal View History

<template>
<MkSpacer :content-max="700">
2021-12-02 20:09:12 +09:00
<MkPagination v-slot="{items}" :pagination="pagination">
<div class="jrnovfpt">
2021-11-19 19:36:12 +09:00
<MkGalleryPostPreview v-for="post in items" :key="post.id" :post="post" class="post"/>
</div>
</MkPagination>
</MkSpacer>
</template>
2022-06-30 21:38:34 +09:00
<script lang="ts" setup>
import { computed } from 'vue';
import * as misskey from 'misskey-js';
import MkGalleryPostPreview from '@/components/MkGalleryPostPreview.vue';
import MkPagination from '@/components/MkPagination.vue';
2022-06-30 21:38:34 +09:00
const props = withDefaults(defineProps<{
user: misskey.entities.User;
}>(), {
});
2022-06-30 21:38:34 +09:00
const pagination = {
endpoint: 'users/gallery/posts' as const,
limit: 6,
params: computed(() => ({
userId: props.user.id,
})),
};
</script>
<style lang="scss" scoped>
.jrnovfpt {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
grid-gap: 12px;
margin: var(--margin);
}
</style>