2022-11-15 17:14:10 +00:00
|
|
|
<script setup lang="ts">
|
2022-11-27 08:54:00 +00:00
|
|
|
const buildTime = import.meta.env.__BUILD_TIME__ as string
|
2022-11-15 17:14:10 +00:00
|
|
|
const buildTimeAgo = useTimeAgo(buildTime)
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<template>
|
2022-11-27 23:29:21 +00:00
|
|
|
<footer p4 text-sm text-secondary-light flex="~ col">
|
2022-11-28 06:58:29 +00:00
|
|
|
<div flex="~ gap2" items-center mb4>
|
|
|
|
<button i-ri-sun-line dark:i-ri-moon-line text-lg @click="toggleDark()" />
|
2022-11-24 04:21:30 +00:00
|
|
|
<button
|
2022-11-28 06:58:29 +00:00
|
|
|
text-lg
|
2022-11-24 06:04:17 +00:00
|
|
|
:class="isZenMode ? 'i-ri:layout-right-2-line' : 'i-ri:layout-right-line'"
|
|
|
|
@click="toggleZenMode()"
|
2022-11-24 04:21:30 +00:00
|
|
|
/>
|
2022-11-28 06:58:29 +00:00
|
|
|
<NavSelectLanguage />
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<button cursor-pointer hover:underline @click="openPreviewHelp">
|
|
|
|
Show intro
|
|
|
|
</button>
|
2022-11-24 04:21:30 +00:00
|
|
|
</div>
|
2022-11-27 08:40:41 +00:00
|
|
|
<div>A Mastodon client made with 🧡</div>
|
2022-11-25 15:00:50 +00:00
|
|
|
<div>Built <time :datetime="buildTime" :title="buildTime">{{ buildTimeAgo }}</time> · <a href="https://github.com/elk-zone/elk" target="_blank">GitHub</a></div>
|
2022-11-27 23:29:21 +00:00
|
|
|
</footer>
|
2022-11-15 17:14:10 +00:00
|
|
|
</template>
|