1
0
mirror of https://github.com/misskey-dev/misskey.git synced 2026-05-20 05:55:29 +02:00

enhance(frontend): improve MkTl rendering

This commit is contained in:
syuilo
2025-06-28 19:24:55 +09:00
parent dfbc40f868
commit 012b2a9764
4 changed files with 36 additions and 19 deletions

View File

@@ -107,7 +107,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</MkFolder>
</div>
<div v-else-if="tab === 'timeline'">
<MkTl :events="timeline">
<MkTl :events="timeline" groupBy="h">
<template #left="{ event }">
<div>
<template v-if="event.type === 'finished'">
@@ -162,6 +162,7 @@ SPDX-License-Identifier: AGPL-3.0-only
import { ref, computed } from 'vue';
import * as Misskey from 'misskey-js';
import JSON5 from 'json5';
import type { TlEvent } from '@/components/MkTl.vue';
import * as os from '@/os.js';
import { i18n } from '@/i18n.js';
import MkButton from '@/components/MkButton.vue';
@@ -172,7 +173,6 @@ import MkKeyValue from '@/components/MkKeyValue.vue';
import MkCodeEditor from '@/components/MkCodeEditor.vue';
import MkTl from '@/components/MkTl.vue';
import { copyToClipboard } from '@/utility/copy-to-clipboard.js';
import type { TlEvent } from '@/components/MkTl.vue';
function msSMH(v: number | null) {
if (v == null) return 'N/A';

View File

@@ -157,6 +157,7 @@ SPDX-License-Identifier: AGPL-3.0-only
timestamp: job.finishedOn ?? job.processedOn ?? job.timestamp,
data: job,
}))"
groupBy="h"
class="_monospace"
>
<template #right="{ event: job }">

View File

@@ -18,7 +18,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</MkInput>
</div>
<MkTl :events="timeline">
<MkTl :events="timeline" groupBy="d">
<template #left="{ event }">
<div>
<MkAvatar :user="event.user" style="width: 26px; height: 26px;"/>