yakovenko_arina/your-gold
2
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

main pages/styles

Browse Source
This commit is contained in:
Arina Yakovenko
2025-06-02 16:03:54 +02:00
parent 9246f80857
commit 2ffd64da98
16 changed files with 301 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
components/ThemeSwitcher.vue
View File

@ -1,3 +1,20 @@
<template>
<ClientOnly v-if="!colorMode?.forced">
<div class="flex h-8 w-8 cursor-pointer items-center justify-center">
<i
@click="isDark = !isDark"
:class="[
'uil text-[32px] cursor-pointer',
isDark ? 'uil-moon' : 'uil-sun',
]"
></i>
</div>
<template #fallback>
<div class="size-20" />
</template>
</ClientOnly>
</template>
<script setup>
const colorMode = useColorMode();
@ -10,14 +27,3 @@ const isDark = computed({
},
});
</script>
<template>
<ClientOnly v-if="!colorMode?.forced">
<div class="flex h-8 w-8 cursor-pointer items-center justify-center">
<i @click="isDark = !isDark" :class="['uil text-[35px] cursor-pointer', isDark ? 'uil-moon' : 'uil-sun']"></i>
</div>
<template #fallback>
<div class="size-20" />
</template>
</ClientOnly>
</template>