elk/components/nav/NavFooter.vue

26 lines
886 B
Vue
Raw Normal View History

2022-11-15 18:14:10 +01:00
<script setup lang="ts">
2022-11-27 09:54:00 +01:00
const buildTime = import.meta.env.__BUILD_TIME__ as string
2022-11-15 18:14:10 +01:00
const buildTimeAgo = useTimeAgo(buildTime)
</script>
<template>
2022-11-28 00:29:21 +01:00
<footer p4 text-sm text-secondary-light flex="~ col">
<div flex="~ gap2" items-center mb4>
<button i-ri-sun-line dark:i-ri-moon-line text-lg @click="toggleDark()" />
2022-11-24 05:21:30 +01:00
<button
text-lg
2022-11-24 07:04:17 +01:00
:class="isZenMode ? 'i-ri:layout-right-2-line' : 'i-ri:layout-right-line'"
@click="toggleZenMode()"
2022-11-24 05:21:30 +01:00
/>
<NavSelectLanguage />
</div>
<div>
<button cursor-pointer hover:underline @click="openPreviewHelp">
Show intro
</button>
2022-11-24 05:21:30 +01:00
</div>
2022-11-27 09:40:41 +01:00
<div>A Mastodon client made with 🧡</div>
2022-11-25 16:00:50 +01: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-28 00:29:21 +01:00
</footer>
2022-11-15 18:14:10 +01:00
</template>