928646789
4 months ago
committed by
GitHub
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with
7 additions and
2 deletions
-
packages/effects/layouts/src/widgets/preferences/preferences-button.vue
|
|
|
@ -1,4 +1,6 @@ |
|
|
|
<script lang="ts" setup> |
|
|
|
import { ref } from 'vue'; |
|
|
|
|
|
|
|
import { Settings } from '@vben/icons'; |
|
|
|
|
|
|
|
import { VbenIconButton } from '@vben-core/shadcn-ui'; |
|
|
|
@ -10,10 +12,13 @@ const emit = defineEmits<{ clearPreferencesAndLogout: [] }>(); |
|
|
|
function clearPreferencesAndLogout() { |
|
|
|
emit('clearPreferencesAndLogout'); |
|
|
|
} |
|
|
|
|
|
|
|
const preferencesRef = ref<InstanceType<typeof Preferences> | null>(null); |
|
|
|
|
|
|
|
</script> |
|
|
|
<template> |
|
|
|
<Preferences @clear-preferences-and-logout="clearPreferencesAndLogout"> |
|
|
|
<VbenIconButton class="hover:animate-[shrink_0.3s_ease-in-out]"> |
|
|
|
<Preferences ref="preferencesRef" @clear-preferences-and-logout="clearPreferencesAndLogout"> |
|
|
|
<VbenIconButton class="hover:animate-[shrink_0.3s_ease-in-out]" @click="preferencesRef?.open();"> |
|
|
|
<Settings class="size-4 text-foreground" /> |
|
|
|
</VbenIconButton> |
|
|
|
</Preferences> |
|
|
|
|
