feat: zenmode

This commit is contained in:
Anthony Fu 2022-11-24 12:21:30 +08:00
parent 3ce1eb3537
commit e17b918c00
5 changed files with 19 additions and 5 deletions

View file

@ -7,7 +7,14 @@ const buildTimeAgo = useTimeAgo(buildTime)
<template>
<div p4 text-sm op25 flex="~ col">
<button i-ri-sun-line dark:i-ri-moon-line text-lg mb4 @click="toggleDark()" />
<div flex="~ gap2">
<button i-ri-sun-line dark:i-ri-moon-line text-lg mb4 @click="toggleDark()" />
<button
text-lg mb4
:class="isZenmode ? 'i-ri:layout-right-2-line' : 'i-ri:layout-right-line'"
@click="toggleZenmode()"
/>
</div>
<a cursor-pointer hover:underline @click="openPreviewHelp">Show intro</a>
<div>A Mastodon client made with 💛</div>
<div>Built <span :title="buildTime">{{ buildTimeAgo }}</span> · <a href="https://github.com/antfu/elk" target="_blank">GitHub</a></div>