Implement Fluid Emerald app redesign

2026-07-18 16:45:54 +02:00
parent 59817ad30f
commit a46695c2eb
62 changed files with 2165 additions and 1434 deletions
@@ -8,23 +8,25 @@ import {
    SidebarMenuItem,
 } from '@/components/ui/sidebar';
 import { useCurrentUrl } from '@/composables/useCurrentUrl';
-import type { NavItem } from '@/types';
+import type { NavMainProps } from '@/types';

-defineProps<{
-    items: NavItem[];
-}>();
+withDefaults(defineProps<NavMainProps>(), {
+    label: 'Workspace',
+});

-const { isCurrentUrl } = useCurrentUrl();
+const { isCurrentOrParentUrl } = useCurrentUrl();
 </script>

 <template>
    <SidebarGroup class="px-2 py-0">
-        <SidebarGroupLabel>Platform</SidebarGroupLabel>
+        <SidebarGroupLabel>{{ label }}</SidebarGroupLabel>
        <SidebarMenu>
            <SidebarMenuItem v-for="item in items" :key="item.title">
                <SidebarMenuButton
                    as-child
-                    :is-active="isCurrentUrl(item.href)"
+                    :is-active="
+                        item.isActive ?? isCurrentOrParentUrl(item.href)
+                    "
                    :tooltip="item.title"
                >
                    <Link :href="item.href">