This commit is contained in:
syuilo 2021-08-11 00:21:24 +09:00
parent 227f52d758
commit 4149c7782f
2 changed files with 13 additions and 13 deletions
src/client
components/ui
pages/my-lists

View file

@ -177,17 +177,8 @@ export default defineComponent({
}
&:focus {
&:after {
content: "";
pointer-events: none;
position: absolute;
top: -5px;
right: -5px;
bottom: -5px;
left: -5px;
border: 2px solid var(--accentAlpha03);
border-radius: 10px;
}
outline: solid 2px var(--focus);
outline-offset: 2px;
}
&.inline + .bghgjjyj {

View file

@ -3,7 +3,10 @@
<MkButton @click="create" primary class="add"><i class="fas fa-plus"></i> {{ $ts.createList }}</MkButton>
<MkPagination :pagination="pagination" #default="{items}" class="lists _content" ref="list">
<MkA v-for="(list, i) in items" :key="list.id" class="list _panel" :to="`/my/lists/${ list.id }`">{{ list.name }}</MkA>
<MkA v-for="list in items" :key="list.id" class="list _panel" :to="`/my/lists/${ list.id }`">
<div class="name">{{ list.name }}</div>
<MkAvatars :user-ids="list.userIds"/>
</MkA>
</MkPagination>
</div>
</template>
@ -12,6 +15,7 @@
import { defineComponent } from 'vue';
import MkPagination from '@client/components/ui/pagination.vue';
import MkButton from '@client/components/ui/button.vue';
import MkAvatars from '@client/components/avatars.vue';
import * as os from '@client/os';
import * as symbols from '@client/symbols';
@ -19,6 +23,7 @@ export default defineComponent({
components: {
MkPagination,
MkButton,
MkAvatars,
},
data() {
@ -63,7 +68,7 @@ export default defineComponent({
> .lists {
> .list {
display: flex;
display: block;
padding: 16px;
border: solid 1px var(--divider);
border-radius: 6px;
@ -72,6 +77,10 @@ export default defineComponent({
border: solid 1px var(--accent);
text-decoration: none;
}
> .name {
margin-bottom: 4px;
}
}
}
}