helene/FoundKey
2
0
Fork 0
forked from FoundKeyGang/FoundKey
Code Issues Pull requests Projects Releases Packages Wiki Activity

Clean up

Browse source
This commit is contained in:
syuilo 2020-11-08 11:25:28 +09:00
parent a8776002f3
commit 78c08f6503
5 changed files with 5 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/client/components/ui/pagination.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<div class="cxiknjgy" :class="{ autoMargin }"> <div class="cxiknjgy">
<slot :items="items"></slot> <slot :items="items"></slot>
<div class="empty" v-if="empty" key="_empty_"> <div class="empty" v-if="empty" key="_empty_">
<slot name="empty"></slot> <slot name="empty"></slot>
@ -31,24 +31,12 @@ export default defineComponent({
pagination: { pagination: {
required: true required: true
}, },
autoMargin: {
required: false,
default: true
}
}, },
}); });
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.cxiknjgy { .cxiknjgy {
&.autoMargin > *:not(:last-child) {
margin-bottom: 16px;
@media (max-width: 500px) {
margin-bottom: 8px;
}
}
> .more > .button { > .more > .button {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;

2
src/client/pages/announcements.vue
View file

@ -1,7 +1,7 @@
<template> <template>
<div class="_section"> <div class="_section">
<MkPagination :pagination="pagination" #default="{items}" class="ruryvtyk _content" ref="list"> <MkPagination :pagination="pagination" #default="{items}" class="ruryvtyk _content" ref="list">
<section class="_card announcement" v-for="(announcement, i) in items" :key="announcement.id"> <section class="_card announcement _vMargin" v-for="(announcement, i) in items" :key="announcement.id">
<div class="_title"><span v-if="$store.getters.isSignedIn && !announcement.isRead">🆕 </span>{{ announcement.title }}</div> <div class="_title"><span v-if="$store.getters.isSignedIn && !announcement.isRead">🆕 </span>{{ announcement.title }}</div>
<div class="_content"> <div class="_content">
<Mfm :text="announcement.text"/> <Mfm :text="announcement.text"/>

2
src/client/pages/instance/abuses.vue
View file

@ -33,7 +33,7 @@
</div> </div>
--> -->
<MkPagination :pagination="pagination" #default="{items}" ref="reports" :auto-margin="false" style="margin-top: var(--margin);"> <MkPagination :pagination="pagination" #default="{items}" ref="reports" style="margin-top: var(--margin);">
<div class="bcekxzvu _card _vMargin" v-for="report in items" :key="report.id"> <div class="bcekxzvu _card _vMargin" v-for="report in items" :key="report.id">
<div class="_content target"> <div class="_content target">
<MkAvatar class="avatar" :user="report.targetUser"/> <MkAvatar class="avatar" :user="report.targetUser"/>

2
src/client/pages/instance/files.vue
View file

@ -34,7 +34,7 @@
<span>{{ $t('type') }}</span> <span>{{ $t('type') }}</span>
</MkInput> </MkInput>
</div> </div>
<MkPagination :pagination="pagination" #default="{items}" class="urempief" ref="files" :auto-margin="false"> <MkPagination :pagination="pagination" #default="{items}" class="urempief" ref="files">
<button class="file _panel _button _vMargin" v-for="file in items" :key="file.id" @click="show(file, $event)"> <button class="file _panel _button _vMargin" v-for="file in items" :key="file.id" @click="show(file, $event)">
<MkDriveFileThumbnail class="thumbnail" :file="file" fit="contain"/> <MkDriveFileThumbnail class="thumbnail" :file="file" fit="contain"/>
<div class="body"> <div class="body">

2
src/client/pages/instance/users.vue
View file

@ -52,7 +52,7 @@
</MkInput> </MkInput>
</div> </div>
<MkPagination :pagination="pagination" #default="{items}" class="users" ref="users" :auto-margin="false"> <MkPagination :pagination="pagination" #default="{items}" class="users" ref="users">
<button class="user _panel _button _vMargin" v-for="user in items" :key="user.id" @click="show(user)"> <button class="user _panel _button _vMargin" v-for="user in items" :key="user.id" @click="show(user)">
<MkAvatar class="avatar" :user="user" :disable-link="true"/> <MkAvatar class="avatar" :user="user" :disable-link="true"/>
<div class="body"> <div class="body">