2024-05-19 21:20:42 +08:00
|
|
|
<script setup lang="ts">
|
|
|
|
import {
|
|
|
|
AuthenticationColorToggle,
|
|
|
|
AuthenticationLayoutToggle,
|
|
|
|
LanguageToggle,
|
|
|
|
ThemeToggle,
|
2024-06-16 23:20:09 +08:00
|
|
|
} 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>
|