zramsay/cosmos-explorer
1
0
Fork 0
forked from cerc-io/cosmos-explorer
Code Pull Requests Actions Activity

feat: theme toggle component removal

Browse Source
This commit is contained in:
Alisa | Side.one 2023-05-05 15:13:42 +08:00
parent 02cc6ee176
commit af4eafc3b1
1 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/ThemeSwitcher.vue
View File

@ -1,6 +1,7 @@
<script setup lang="ts">
import { useThemeConfig } from '@core/composable/useThemeConfig';
import type { ThemeSwitcherTheme } from '@layouts/types';
import { Icon } from '@iconify/vue';
import { onMounted, watch } from 'vue';
const props = defineProps<{
@ -50,10 +51,12 @@ onMounted(() => {
</script>
<template>
<IconBtn @click="changeTheme">
<VIcon :icon="props.themes[currentThemeIndex].icon" />
<VTooltip activator="parent" open-delay="1000">
<span class="text-capitalize">{{ currentThemeName }}</span>
</VTooltip>
</IconBtn>
<div class="tooltip tooltip-bottom delay-1000" :data-tip="currentThemeName">
<button
class="btn btn-ghost btn-circle btn-sm mx-1"
@click="changeTheme"
>
<Icon :icon="props.themes[currentThemeIndex].icon" class="text-2xl" />
</button>
</div>
</template>