benny/wishlist-app
1
0
Fork 0
mirror of https://github.com/ThisIsBenny/wishlist-app.git synced 2025-06-07 05:57:41 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

small adjustment on dark mode

Browse source 
Signed-off-by: Benny Samir Hierl <bennysamir@posteo.de>
This commit is contained in:
Benny Samir Hierl 2022-02-09 20:47:27 +01:00
parent cc619e8947
commit 8c48debc06
1 changed files with 3 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/components/Header.vue
View file

@ -2,7 +2,7 @@
<header <header
class="mb-2 flex flex-row items-center justify-end space-x-2 opacity-60" class="mb-2 flex flex-row items-center justify-end space-x-2 opacity-60"
> >
<div @click="toggleMode"> <div @click="() => toggleDark()">
<IconLightDark class="h-6 w-6 cursor-pointer" /> <IconLightDark class="h-6 w-6 cursor-pointer" />
</div> </div>
<!-- <div><IconMenu class="h-8 w-8 cursor-pointer"></IconMenu></div> --> <!-- <div><IconMenu class="h-8 w-8 cursor-pointer"></IconMenu></div> -->
@ -10,11 +10,8 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { useColorMode } from '@vueuse/core' import { useDark, useToggle } from '@vueuse/core'
import { IconLightDark, IconMenu } from '@/components/icons' import { IconLightDark, IconMenu } from '@/components/icons'
const mode = useColorMode()
const toggleMode = () => { const toggleDark = useToggle(useDark())
mode.value = mode.value === 'dark' ? 'light' : 'dark'
}
</script> </script>