first commit

resources/js/Layouts/AppLayout.vue

@@ -0,0 +1,42 @@
+<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>