You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
23 lines
690 B
Vue
23 lines
690 B
Vue
<script setup lang='ts'>
|
|
import { defineAsyncComponent, ref } from 'vue'
|
|
import { HoverButton, SvgIcon, UserAvatar } from '@/components/common'
|
|
|
|
const Setting = defineAsyncComponent(() => import('@/components/common/Setting/index.vue'))
|
|
|
|
const show = ref(false)
|
|
</script>
|
|
|
|
<template>
|
|
<footer class="flex items-center justify-between min-w-0 p-4 overflow-hidden border-t dark:border-neutral-800">
|
|
<UserAvatar />
|
|
|
|
<HoverButton tooltip="Setting" @click="show = true">
|
|
<span class="text-xl text-[#4f555e] dark:text-white">
|
|
<SvgIcon icon="ri:settings-4-line" />
|
|
</span>
|
|
</HoverButton>
|
|
|
|
<Setting v-if="show" v-model:visible="show" />
|
|
</footer>
|
|
</template>
|