From f6b6f1bc8b30253ae23f539456f3551792b7538c Mon Sep 17 00:00:00 2001
From: syuilo <Syuilotan@yahoo.co.jp>
Date: Fri, 6 Jan 2023 10:34:49 +0900
Subject: [PATCH] :art:

---
 packages/frontend/src/components/MkFlashPreview.vue |  2 +-
 packages/frontend/src/pages/flash/flash-index.vue   | 12 +++++++++---
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/packages/frontend/src/components/MkFlashPreview.vue b/packages/frontend/src/components/MkFlashPreview.vue
index a1ce80c98..a96934ddb 100644
--- a/packages/frontend/src/components/MkFlashPreview.vue
+++ b/packages/frontend/src/components/MkFlashPreview.vue
@@ -1,5 +1,5 @@
 <template>
-<MkA :to="`/play/${flash.id}`" class="vhpxefrk" tabindex="-1">
+<MkA :to="`/play/${flash.id}`" class="vhpxefrk _panel" tabindex="-1">
 	<article>
 		<header>
 			<h1 :title="flash.title">{{ flash.title }}</h1>
diff --git a/packages/frontend/src/pages/flash/flash-index.vue b/packages/frontend/src/pages/flash/flash-index.vue
index bc4828f41..9964b3415 100644
--- a/packages/frontend/src/pages/flash/flash-index.vue
+++ b/packages/frontend/src/pages/flash/flash-index.vue
@@ -4,20 +4,26 @@
 	<MkSpacer :content-max="700">
 		<div v-if="tab === 'featured'" class="">
 			<MkPagination v-slot="{items}" :pagination="featuredFlashsPagination">
-				<MkFlashPreview v-for="flash in items" :key="flash.id" class="" :flash="flash"/>
+				<div class="_autoGap_half">
+					<MkFlashPreview v-for="flash in items" :key="flash.id" class="" :flash="flash"/>
+				</div>
 			</MkPagination>
 		</div>
 
 		<div v-else-if="tab === 'my'" class="my">
 			<MkButton class="new" @click="create()"><i class="ti ti-plus"></i></MkButton>
 			<MkPagination v-slot="{items}" :pagination="myFlashsPagination">
-				<MkFlashPreview v-for="flash in items" :key="flash.id" class="" :flash="flash"/>
+				<div class="_autoGap_half">
+					<MkFlashPreview v-for="flash in items" :key="flash.id" class="" :flash="flash"/>
+				</div>
 			</MkPagination>
 		</div>
 
 		<div v-else-if="tab === 'liked'" class="">
 			<MkPagination v-slot="{items}" :pagination="likedFlashsPagination">
-				<MkFlashPreview v-for="like in items" :key="like.flash.id" class="" :flash="like.flash"/>
+				<div class="_autoGap_half">
+					<MkFlashPreview v-for="like in items" :key="like.flash.id" class="" :flash="like.flash"/>
+				</div>
 			</MkPagination>
 		</div>
 	</MkSpacer>