0c732e71cf
- Fixed import error for `dnd-kit-vue` by installing the package. - Moved user navigation from sidebar to header, adding a dropdown for account options. - Added homepage and notification icons to the header. - Implemented sticky header functionality during scroll. - Grouped sidebar menu items under a "Master" label for better organization. - Updated relevant components and package.json to include new dependencies.
20 lines
519 B
Vue
20 lines
519 B
Vue
<script setup lang="ts">
|
|
import { IconGripVertical } from "@tabler/icons-vue"
|
|
import { useSortableContext } from "dnd-kit-vue"
|
|
import { Button } from '@/components/ui/button'
|
|
|
|
const { handleRef, sortable } = useSortableContext()
|
|
</script>
|
|
|
|
<template>
|
|
<Button
|
|
:ref="handleRef"
|
|
variant="ghost"
|
|
size="icon"
|
|
class="text-muted-foreground size-7 hover:bg-transparent"
|
|
>
|
|
<IconGripVertical class="text-muted-foreground size-3" />
|
|
<span class="sr-only">Drag to reorder</span>
|
|
</Button>
|
|
</template>
|