23 lines
551 B
Vue
23 lines
551 B
Vue
<template>
|
|
<vertical-mix-sider v-if="isVerticalMix" class="global-sider" />
|
|
<vertical-sider v-else class="global-sider" />
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { computed } from 'vue';
|
|
import { useThemeStore } from '@/store';
|
|
import { VerticalSider, VerticalMixSider } from './components';
|
|
|
|
defineOptions({ name: 'GlobalSider' });
|
|
|
|
const theme = useThemeStore();
|
|
|
|
const isVerticalMix = computed(() => theme.layout.mode === 'vertical-mix');
|
|
</script>
|
|
|
|
<style scoped>
|
|
.global-sider {
|
|
box-shadow: 2px 0 8px 0 rgb(29 35 41 / 5%);
|
|
}
|
|
</style>
|