yume/paricafe
1
0
Fork 0
mirror of https://github.com/paricafe/misskey.git synced 2024-11-24 14:06:44 -06:00
Code Issues Projects Releases Packages Wiki Activity

enhance: click to switch timestamp

Browse source
This commit is contained in:
fly_mc 2024-10-16 02:17:48 +08:00
parent e481c2ae96
commit 11f6dc9991
1 changed files with 12 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
packages/frontend/src/components/MkNoteHeader.vue
View file

@ -26,8 +26,12 @@ SPDX-License-Identifier: AGPL-3.0-only
<div v-if="mock">
<MkTime :time="note.createdAt" colored/>
</div>
<MkA v-else :to="notePage(note)">
<MkTime :time="note.createdAt" colored/>
<MkA v-else @click="toggleDetail()">
<MkTime
:time="isDetail ? note.createdAt : note.createdAt"
:mode="isDetail ? 'detail' : undefined"
colored
/>
</MkA>
<span v-if="note.visibility !== 'public'" style="margin-left: 0.5em;" :title="i18n.ts._visibility[note.visibility]">
<i v-if="note.visibility === 'home'" class="ti ti-home"></i>
@ -42,13 +46,18 @@ SPDX-License-Identifier: AGPL-3.0-only
</template>
<script lang="ts" setup>
import { inject } from 'vue';
import { inject, ref } from 'vue';
import * as Misskey from 'misskey-js';
import { i18n } from '@/i18n.js';
import { notePage } from '@/filters/note.js';
import { userPage } from '@/filters/user.js';
import { defaultStore } from '@/store.js';
const isDetail = ref(false);
const toggleDetail = () => {
isDetail.value = !isDetail.value;
};
defineProps<{
note: Misskey.entities.Note;
}>();