Files
kartoteka/resources/js/Layouts/AppLayout.vue
2025-11-30 23:04:45 +09:00

43 lines
1.2 KiB
Vue

<script setup>
import { NLayout, NH1, NLayoutSider, NFlex, NButton, NConfigProvider, ruRU, dateRuRU } from "naive-ui";
import SideMenu from "./Components/SideMenu.vue";
import { generate } from '@arco-design/color'
const colors = generate('#EC6608', {
list: true,
})
const themeOverrides = {
common: {
primaryColor: colors[5],
primaryColorHover: colors[4],
primaryColorSuppl: colors[4],
primaryColorPressed: colors[6],
}
}
</script>
<template>
<NConfigProvider :theme-overrides="themeOverrides" :locale="ruRU" :date-locale="dateRuRU">
<NLayout class="h-screen">
<NLayout position="absolute" has-sider>
<NLayoutSider
:native-scrollbar="false"
bordered
>
<SideMenu />
</NLayoutSider>
<NLayout content-class="p-6 pt-2 relative" :native-scrollbar="false">
<div>
<slot name="header" />
</div>
<slot />
</NLayout>
</NLayout>
</NLayout>
</NConfigProvider>
</template>
<style scoped>
</style>