xkyy/xk-admin
1
0
Fork 0
Code Issues Pull Requests Actions 4 Packages Projects Releases Wiki Activity

fix: preferences-button click to show setting drawer (#7938)

Browse Source
This commit is contained in:
928646789
2026-05-22 07:26:12 +08:00
committed by GitHub
parent 126b33687a
commit 6b81d1b0d5
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
packages/effects/layouts/src/widgets/preferences/preferences-button.vue
View File

@@ -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>