oscar-surf/misskey
oscar-surf/misskey
0
0
Fork 0
Code Issues Activity

wip: clip

Browse source
This commit is contained in:
syuilo 2020-11-15 12:34:47 +09:00
parent d53c55ecb5
commit 8e8459fa55
6 changed files with 193 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

32
src/client/pages/my-clips/index.vue
View file

@ -1,10 +1,13 @@
<template>
<div class="_section">
<div class="_section qtcaoidl">
<MkButton @click="create" primary class="add"><Fa :icon="faPlus"/> {{ $t('add') }}</MkButton>
<div class="_content">
<MkPagination :pagination="pagination" #default="{items}" ref="list">
<MkA v-for="item in items" :key="item.id" :to="`/clips/${item.id}`">{{ item.name }}</MkA>
<MkPagination :pagination="pagination" #default="{items}" ref="list" class="list">
<MkA v-for="item in items" :key="item.id" :to="`/clips/${item.id}`" class="item _panel _vMargin">
<b>{{ item.name }}</b>
<div v-if="item.description" class="description">{{ item.description }}</div>
</MkA>
</MkPagination>
</div>
</div>
@ -76,3 +79,26 @@ export default defineComponent({
}
});
</script>
<style lang="scss" scoped>
.qtcaoidl {
> .add {
margin: 0 auto 16px auto;
}
> ._content {
> .list {
> .item {
display: block;
padding: 16px;
> .description {
margin-top: 8px;
padding-top: 8px;
border-top: solid 1px var(--divider);
}
}
}
}
}
</style>