usbharu
/
misskey
mirror of https://github.com/misskey-dev/misskey.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

🎨

This commit is contained in:
syuilo 2025-06-29 17:21:43 +09:00
parent 5d3bb02f4b
commit c48acad04b
1 changed files with 17 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
packages/frontend/src/components/MkTl.vue
View File

@ -9,7 +9,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<div :class="$style.left"> <div :class="$style.left">
<slot v-if="item.type === 'event'" name="left" :event="item.data" :timestamp="item.timestamp" :delta="item.delta"></slot> <slot v-if="item.type === 'event'" name="left" :event="item.data" :timestamp="item.timestamp" :delta="item.delta"></slot>
</div> </div>
<div :class="[$style.center, item.type === 'date' ? $style.date : '']"> <div :class="[$style.center, item.type === 'date' ? $style.date : '', i === 0 ? $style.first : '', i === items.length - 1 ? $style.last : '']">
<div :class="$style.centerLine"></div> <div :class="$style.centerLine"></div>
<div :class="$style.centerPoint"></div> <div :class="$style.centerPoint"></div>
</div> </div>
@ -143,6 +143,22 @@ const items = computed<TlItem<T>[]>(() => {
border-radius: 50%; border-radius: 50%;
} }
} }
&.first {
.centerLine {
height: 50%;
top: auto;
bottom: 0;
}
}
&.last {
.centerLine {
height: 50%;
top: 0;
bottom: auto;
}
}
} }
.centerLine { .centerLine {