xinyin025/soybean-admin
1
0
Fork 0
mirror of https://github.com/soybeanjs/soybean-admin.git synced 2025-09-29 22:56:41 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(styles): Fix the issue where the header button remains highlighted after clicking

Browse Source
This commit is contained in:
Azir 2024-05-23 23:27:11 +08:00
parent c8fc1d73e0
commit cfe078369d
2 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/custom/button-icon.vue
View File

@ -28,12 +28,6 @@ const props = withDefaults(defineProps<Props>(), {
zIndex: 98 zIndex: 98
}); });
interface ButtonProps {
className: string;
}
const [DefineButton, Button] = createReusableTemplate<ButtonProps>();
const cls = computed(() => { const cls = computed(() => {
let clsStr = props.class; let clsStr = props.class;
@ -47,12 +41,18 @@ const cls = computed(() => {
return clsStr; return clsStr;
}); });
interface ButtonProps {
className: string;
}
const [DefineButton, Button] = createReusableTemplate<ButtonProps>();
</script> </script>
<template> <template>
<!-- define component start: Button --> <!-- define component start: Button -->
<DefineButton v-slot="{ $slots, className }"> <DefineButton v-slot="{ $slots, className }">
<NButton quaternary :class="className"> <NButton quaternary :class="className" :focusable="false">
<div class="flex-center gap-8px"> <div class="flex-center gap-8px">
<component :is="$slots.default" /> <component :is="$slots.default" />
</div> </div>

2
src/layouts/modules/global-header/components/theme-button.vue
View File

@ -13,7 +13,7 @@ const appStore = useAppStore();
<ButtonIcon <ButtonIcon
icon="majesticons:color-swatch-line" icon="majesticons:color-swatch-line"
:tooltip-content="$t('icon.themeConfig')" :tooltip-content="$t('icon.themeConfig')"
@click="appStore.openThemeDrawer" @click.stop="appStore.openThemeDrawer"
/> />
</template> </template>