feat(v2): NexusLayout, Sidebar, NavGroup, NavItem, Topbar, FlowBoard placeholder

2026-06-12 00:20:27 +02:00
parent f378d7aed4
commit 3672e56994
9 changed files with 725 additions and 1 deletions
@@ -0,0 +1,49 @@
+<script setup lang="ts">
+/**
+ * NexusLayout — V2 Dashboard Shell
+ * Flex row, 100vh, overflow hidden.
+ * Sidebar (248px) + Main (flex:1, flex-column)
+ */
+import { RouterView } from 'vue-router'
+import GalaxyBackground from '../components/background/GalaxyBackground.vue'
+import Sidebar from '../components/layout/Sidebar.vue'
+import Topbar from '../components/layout/Topbar.vue'
+</script>
+
+<template>
+  <div class="nexus-layout">
+    <GalaxyBackground />
+    <Sidebar />
+    <main class="nexus-main">
+      <Topbar />
+      <div class="nexus-content">
+        <RouterView />
+      </div>
+    </main>
+  </div>
+</template>
+
+<style scoped>
+.nexus-layout {
+  display: flex;
+  flex-direction: row;
+  height: 100vh;
+  overflow: hidden;
+  position: relative;
+}
+
+.nexus-main {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  position: relative;
+  z-index: 1;
+}
+
+.nexus-content {
+  flex: 1;
+  overflow-y: auto;
+  padding: 18px 20px;
+}
+</style>