mirror of
https://github.com/acepanel/panel.git
synced 2026-02-05 18:17:18 +08:00
29 lines
947 B
Vue
29 lines
947 B
Vue
<script lang="ts" setup>
|
|
import ReloadPage from '@/layout/header/components/ReloadPage.vue'
|
|
import AppTab from '@/layout/tab/IndexView.vue'
|
|
import FullScreen from './components/FullScreen.vue'
|
|
import ThemeMode from './components/ThemeMode.vue'
|
|
import UserAvatar from './components/UserAvatar.vue'
|
|
|
|
import MenuCollapse from '@/layout/header/components/MenuCollapse.vue'
|
|
import { useThemeStore } from '@/store'
|
|
|
|
const themeStore = useThemeStore()
|
|
</script>
|
|
|
|
<template>
|
|
<div w-full flex items-center justify-between>
|
|
<menu-collapse v-if="themeStore.isMobile" />
|
|
<section v-if="!themeStore.isMobile && themeStore.tab.visible" w-0 flex-1 pr-12>
|
|
<app-tab />
|
|
</section>
|
|
<span v-if="!themeStore.isMobile && themeStore.tab.visible" mx-6 opacity-20>|</span>
|
|
<div ml-auto flex flex-shrink-0 items-center px-12>
|
|
<reload-page />
|
|
<full-screen />
|
|
<theme-mode />
|
|
<user-avatar />
|
|
</div>
|
|
</div>
|
|
</template>
|