zio/elk
2
0
Fork 0
Code Releases 2 Packages 1 Activity

ui: fix double borders

Browse source
This commit is contained in:
Anthony Fu 2022-12-27 23:18:16 +01:00
parent 4638a38deb
commit 378ba25997
4 changed files with 20 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

2
components/timeline/TimelineHome.vue
View file

@ -23,7 +23,7 @@ function preprocess(items: Status[]) {
<template>
<div>
<PublishWidget draft-key="home" />
<PublishWidget draft-key="home" border="b base" />
<TimelinePaginator v-bind="{ paginator, stream, preprocess }" context="home" />
</div>
</template>

4
components/timeline/TimelinePaginator.vue
View file

@ -21,14 +21,14 @@ const virtualScroller = $(computedEager(() => useFeatureFlags().experimentalVirt
{{ $t('timeline.show_new_items', number) }}
</button>
</template>
<template #default="{ item, older, newer, active }">
<template #default="{ item, older, newer, active, index }">
<template v-if="virtualScroller">
<DynamicScrollerItem :item="item" :active="active" tag="article">
<StatusCard
:status="item" :context="context"
:connect-reply="item.id === older?.inReplyToId"
:show-reply-to="!(item.inReplyToId && item.inReplyToId === newer?.id)"
:class="{ 'border-t border-base': !(item.inReplyToId && item.inReplyToId === newer?.id) }"
:class="{ 'border-t border-base': index !== 0 && !(item.inReplyToId && item.inReplyToId === newer?.id) }"
/>
</DynamicScrollerItem>
</template>