forked from Mirrors/elk
chore: case
This commit is contained in:
parent
9eac1da4c2
commit
e81273e944
4 changed files with 6 additions and 6 deletions
|
@ -11,8 +11,8 @@ const buildTimeAgo = useTimeAgo(buildTime)
|
||||||
<button i-ri-sun-line dark:i-ri-moon-line text-lg mb4 @click="toggleDark()" />
|
<button i-ri-sun-line dark:i-ri-moon-line text-lg mb4 @click="toggleDark()" />
|
||||||
<button
|
<button
|
||||||
text-lg mb4
|
text-lg mb4
|
||||||
:class="isZenmode ? 'i-ri:layout-right-2-line' : 'i-ri:layout-right-line'"
|
:class="isZenMode ? 'i-ri:layout-right-2-line' : 'i-ri:layout-right-line'"
|
||||||
@click="toggleZenmode()"
|
@click="toggleZenMode()"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<a cursor-pointer hover:underline @click="openPreviewHelp">Show intro</a>
|
<a cursor-pointer hover:underline @click="openPreviewHelp">Show intro</a>
|
||||||
|
|
|
@ -1,8 +1,8 @@
|
||||||
import { STORAGE_KEY_FIRST_VISIT, STORAGE_KEY_ZEN_MODE } from '~/constants'
|
import { STORAGE_KEY_FIRST_VISIT, STORAGE_KEY_ZEN_MODE } from '~/constants'
|
||||||
|
|
||||||
export const isFirstVisit = useLocalStorage(STORAGE_KEY_FIRST_VISIT, true)
|
export const isFirstVisit = useLocalStorage(STORAGE_KEY_FIRST_VISIT, true)
|
||||||
export const isZenmode = useLocalStorage(STORAGE_KEY_ZEN_MODE, false)
|
export const isZenMode = useLocalStorage(STORAGE_KEY_ZEN_MODE, false)
|
||||||
export const toggleZenmode = useToggle(isZenmode)
|
export const toggleZenMode = useToggle(isZenMode)
|
||||||
|
|
||||||
export const isUserSwitcherOpen = ref(false)
|
export const isUserSwitcherOpen = ref(false)
|
||||||
export const isSigninDialogOpen = ref(false)
|
export const isSigninDialogOpen = ref(false)
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div h-full :class="{ zenmode: isZenmode }">
|
<div h-full :class="{ zen: isZenMode }">
|
||||||
<main flex w-full mxa lg:max-w-80rem>
|
<main flex w-full mxa lg:max-w-80rem>
|
||||||
<div class="hidden md:block w-1/4 zen-hide" relative>
|
<div class="hidden md:block w-1/4 zen-hide" relative>
|
||||||
<div sticky top-0 h-screen flex="~ col">
|
<div sticky top-0 h-screen flex="~ col">
|
||||||
|
|
|
@ -62,6 +62,6 @@ html {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.zenmode .zen-hide {
|
.zen .zen-hide {
|
||||||
--at-apply: op0 hover:op100 transition duration-600;
|
--at-apply: op0 hover:op100 transition duration-600;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue