diff --git a/packages/frontend/src/components/MkFlashPreview.vue b/packages/frontend/src/components/MkFlashPreview.vue index a1ce80c98c..a96934ddb1 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 bc4828f416..9964b34150 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>