feat: new layout

2024-06-28 15:39:26 +07:00
parent ab3419bd5f
commit ad962eda86
134 changed files with 4977 additions and 2985 deletions
@@ -0,0 +1,37 @@
+<script setup lang="ts">
+import { buildTree } from "@/utils/recusive";
+import RecusiveNavItem from "@/components/dynamic-page/page-component/templates/navigations/components/RecusiveNavItem.vue";
+
+const _props = defineProps<{
+  content?: any[];
+  component?: any;
+}>();
+
+const SETTING_OPTIONS = {
+  MAX_ELEMENT: 10,
+};
+</script>
+
+<template>
+  <nav>
+    <div class="d-flex gap-3 justify-content-end align-items-center">
+      <RecusiveNavItem :records="content && buildTree(content)" :component="_props.component" />
+    </div>
+  </nav>
+</template>
+
+<style lang="scss" scoped>
+.empty {
+  width: 100px;
+  min-height: 20px;
+  border-radius: 4px;
+  background: #409eff;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  font-size: 18px;
+  color: white;
+  margin: 5px 0px;
+}
+</style>