mirror of
https://github.com/elk-zone/elk.git
synced 2024-09-06 12:19:08 +01:00
feat: bring zen mode to mobile footer nav (#969)
This commit is contained in:
parent
af85a5ea8d
commit
c92fd7939e
1 changed files with 14 additions and 0 deletions
|
@ -82,6 +82,20 @@ onBeforeUnmount(() => {
|
||||||
<span class="i-ri:sun-line dark:i-ri:moon-line flex-shrink-0 text-xl me-4 !align-middle" />
|
<span class="i-ri:sun-line dark:i-ri:moon-line flex-shrink-0 text-xl me-4 !align-middle" />
|
||||||
{{ colorMode.value === 'light' ? $t('menu.toggle_theme.dark') : $t('menu.toggle_theme.light') }}
|
{{ colorMode.value === 'light' ? $t('menu.toggle_theme.dark') : $t('menu.toggle_theme.light') }}
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
|
<!-- Zen Mode -->
|
||||||
|
<button
|
||||||
|
flex flex-row items-center
|
||||||
|
block px-5 py-2 focus-blue w-full
|
||||||
|
text-sm text-base capitalize text-left whitespace-nowrap
|
||||||
|
transition-colors duration-200 transform
|
||||||
|
hover="bg-gray-100 dark:(bg-gray-700 text-white)"
|
||||||
|
:aria-label="$t('nav.zen_mode')"
|
||||||
|
@click="userSettings.zenMode = !userSettings.zenMode"
|
||||||
|
>
|
||||||
|
<span :class="userSettings.zenMode ? 'i-ri:layout-right-2-line' : 'i-ri:layout-right-line'" class="flex-shrink-0 text-xl me-4 !align-middle" />
|
||||||
|
{{ $t('nav.zen_mode') }}
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in a new issue