fix(frontend): webhook, 連携アプリ一覧でコンテンツが重複して表示される問題を修正

Fix #10564

CHANGELOG.md

@@ -20,6 +20,7 @@
 ### Client
 - 常に広告を見られるオプションを追加
 - ユーザーページの画像一覧が表示されない問題を修正
+- webhook, 連携アプリ一覧でコンテンツが重複して表示される問題を修正
 
 ### Server
 - アンテナのノート、チャンネルのノート、通知が正常に作成できないことがある問題を修正

packages/frontend/src/pages/settings/apps.vue

@@ -8,6 +8,7 @@
 			</div>
 		</template>
 		<template #default="{items}">
+			<div class="_gaps">
 				<div v-for="token in items" :key="token.id" class="_panel bfomjevm">
 					<img v-if="token.iconUrl" class="icon" :src="token.iconUrl" alt=""/>
 					<div class="body">
@@ -32,6 +33,7 @@
 						</div>
 					</div>
 				</div>
+			</div>
 		</template>
 	</FormPagination>
 </div>
@@ -51,6 +53,7 @@ const list = ref<any>(null);
 const pagination = {
 	endpoint: 'i/apps' as const,
 	limit: 100,
+	noPaging: true,
 	params: {
 		sort: '+lastUsedAt',
 	},

packages/frontend/src/pages/settings/webhook.vue

@@ -7,7 +7,8 @@
 	<FormSection>
 		<MkPagination :pagination="pagination">
 			<template #default="{items}">
-				<FormLink v-for="webhook in items" :key="webhook.id" :to="`/settings/webhook/edit/${webhook.id}`" class="_margin">
+				<div class="_gaps">
+					<FormLink v-for="webhook in items" :key="webhook.id" :to="`/settings/webhook/edit/${webhook.id}`">
 						<template #icon>
 							<i v-if="webhook.active === false" class="ti ti-player-pause"></i>
 							<i v-else-if="webhook.latestStatus === null" class="ti ti-circle"></i>
@@ -19,6 +20,7 @@
 							<MkTime v-if="webhook.latestSentAt" :time="webhook.latestSentAt"></MkTime>
 						</template>
 					</FormLink>
+				</div>
 			</template>
 		</MkPagination>
 	</FormSection>
@@ -35,7 +37,8 @@ import { i18n } from '@/i18n';
 
 const pagination = {
 	endpoint: 'i/webhooks/list' as const,
-	limit: 10,
+	limit: 100,
+	noPaging: true,
 };
 
 const headerActions = $computed(() => []);