ruoyi-plus-vben5/packages/business/layouts/src/authentication/toolbar.vue

25 lines
543 B
Vue
Raw Normal View History

2024-05-19 21:20:42 +08:00
<script setup lang="ts">
import {
AuthenticationColorToggle,
AuthenticationLayoutToggle,
LanguageToggle,
ThemeToggle,
} from '@vben/universal-ui';
2024-05-19 21:20:42 +08:00
defineOptions({
name: 'AuthenticationToolbar',
});
</script>
<template>
<div
2024-05-28 23:38:36 +08:00
class="flex-center bg-background absolute right-2 top-4 rounded-3xl px-3 py-1 dark:bg-[var(--color-authentication)]"
2024-05-19 21:20:42 +08:00
>
<div class="hidden md:flex">
<AuthenticationColorToggle />
<AuthenticationLayoutToggle />
</div>
<LanguageToggle />
<ThemeToggle />
</div>
</template>