From a01d75ba0131a7599663d5696a686693d731ba5e Mon Sep 17 00:00:00 2001 From: kakkokari-gtyih <67428053+kakkokari-gtyih@users.noreply.github.com> Date: Mon, 16 Dec 2024 09:25:10 +0900 Subject: [PATCH] =?UTF-8?q?=E3=82=B5=E3=83=A0=E3=83=8D=E3=82=A4=E3=83=AB?= =?UTF-8?q?=E3=82=92MkDriveFileThumbnail=E3=81=AB=E7=B5=B1=E4=B8=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../src/components/MkDriveFileThumbnail.vue | 33 +++++++--- .../src/components/MkNoteMediaGrid.file.vue | 46 -------------- .../src/components/MkNoteMediaGrid.vue | 60 +++++++------------ packages/frontend/src/pages/user/files.vue | 8 +-- .../frontend/src/pages/user/index.files.vue | 10 +--- 5 files changed, 54 insertions(+), 103 deletions(-) delete mode 100644 packages/frontend/src/components/MkNoteMediaGrid.file.vue diff --git a/packages/frontend/src/components/MkDriveFileThumbnail.vue b/packages/frontend/src/components/MkDriveFileThumbnail.vue index 3410a915c3..6c853162a9 100644 --- a/packages/frontend/src/components/MkDriveFileThumbnail.vue +++ b/packages/frontend/src/components/MkDriveFileThumbnail.vue @@ -5,13 +5,21 @@ SPDX-License-Identifier: AGPL-3.0-only diff --git a/packages/frontend/src/pages/user/files.vue b/packages/frontend/src/pages/user/files.vue index f709f950eb..b6c7c1c777 100644 --- a/packages/frontend/src/pages/user/files.vue +++ b/packages/frontend/src/pages/user/files.vue @@ -8,7 +8,7 @@ SPDX-License-Identifier: AGPL-3.0-only
- +
@@ -19,7 +19,7 @@ SPDX-License-Identifier: AGPL-3.0-only import { computed } from 'vue'; import * as Misskey from 'misskey-js'; -import MkMedias from '@/components/MkNoteMediaGrid.vue'; +import MkNoteMediaGrid from '@/components/MkNoteMediaGrid.vue'; import MkPagination from '@/components/MkPagination.vue'; const props = defineProps<{ @@ -28,7 +28,7 @@ const props = defineProps<{ const pagination = { endpoint: 'users/notes' as const, - limit: 10, + limit: 15, params: computed(() => ({ userId: props.user.id, withFiles: true, @@ -44,7 +44,7 @@ const pagination = { .stream { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); - grid-gap: 6px; + gap: var(--MI-marginHalf); } @media screen and (min-width: 600px) { diff --git a/packages/frontend/src/pages/user/index.files.vue b/packages/frontend/src/pages/user/index.files.vue index 73dc0df728..9534de3fa2 100644 --- a/packages/frontend/src/pages/user/index.files.vue +++ b/packages/frontend/src/pages/user/index.files.vue @@ -20,10 +20,8 @@ SPDX-License-Identifier: AGPL-3.0-only