39 lines
849 B
Vue
39 lines
849 B
Vue
<template>
|
|
<MkStickyContainer>
|
|
<template #header
|
|
><MkPageHeader :display-back-button="true"
|
|
/></template>
|
|
<MkSpacer :content-max="800">
|
|
<div class="attachments-timeline">
|
|
<XTimeline ref="tl" class="tl" src="file" :file-id="fileId" />
|
|
</div>
|
|
</MkSpacer>
|
|
</MkStickyContainer>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import { computed } from "vue";
|
|
import XTimeline from "@/components/MkTimeline.vue";
|
|
import { i18n } from "@/i18n";
|
|
import { definePageMetadata } from "@/scripts/page-metadata";
|
|
import icon from "@/scripts/icon";
|
|
|
|
defineProps<{
|
|
fileId: string;
|
|
}>();
|
|
|
|
definePageMetadata(
|
|
computed(() => ({
|
|
title: i18n.ts.attachedToNotes,
|
|
icon: `${icon("ph-paperclip")}`,
|
|
})),
|
|
);
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.attachments-timeline {
|
|
background: var(--bg);
|
|
border-radius: var(--radius);
|
|
overflow: clip;
|
|
}
|
|
</style>
|