chore: case

This commit is contained in:
Anthony Fu 2022-11-24 14:04:17 +08:00
parent 9eac1da4c2
commit e81273e944
4 changed files with 6 additions and 6 deletions

View file

@ -11,8 +11,8 @@ const buildTimeAgo = useTimeAgo(buildTime)
<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()"
: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>

View file

@ -1,8 +1,8 @@
import { STORAGE_KEY_FIRST_VISIT, STORAGE_KEY_ZEN_MODE } from '~/constants'
export const isFirstVisit = useLocalStorage(STORAGE_KEY_FIRST_VISIT, true)
export const isZenmode = useLocalStorage(STORAGE_KEY_ZEN_MODE, false)
export const toggleZenmode = useToggle(isZenmode)
export const isZenMode = useLocalStorage(STORAGE_KEY_ZEN_MODE, false)
export const toggleZenMode = useToggle(isZenMode)
export const isUserSwitcherOpen = ref(false)
export const isSigninDialogOpen = ref(false)

View file

@ -1,5 +1,5 @@
<template>
<div h-full :class="{ zenmode: isZenmode }">
<div h-full :class="{ zen: isZenMode }">
<main flex w-full mxa lg:max-w-80rem>
<div class="hidden md:block w-1/4 zen-hide" relative>
<div sticky top-0 h-screen flex="~ col">

View file

@ -62,6 +62,6 @@ html {
}
}
.zenmode .zen-hide {
.zen .zen-hide {
--at-apply: op0 hover:op100 transition duration-600;
}