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
666 B
TypeScript
20 lines
666 B
TypeScript
import type { ComputedRef, Ref } from "vue"
|
|
import { createContext } from "reka-ui"
|
|
|
|
export const SIDEBAR_COOKIE_NAME = "sidebar_state"
|
|
export const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7
|
|
export const SIDEBAR_WIDTH = "16rem"
|
|
export const SIDEBAR_WIDTH_MOBILE = "18rem"
|
|
export const SIDEBAR_WIDTH_ICON = "3rem"
|
|
export const SIDEBAR_KEYBOARD_SHORTCUT = "b"
|
|
|
|
export const [useSidebar, provideSidebarContext] = createContext<{
|
|
state: ComputedRef<"expanded" | "collapsed">
|
|
open: Ref<boolean>
|
|
setOpen: (value: boolean) => void
|
|
isMobile: Ref<boolean>
|
|
openMobile: Ref<boolean>
|
|
setOpenMobile: (value: boolean) => void
|
|
toggleSidebar: () => void
|
|
}>("Sidebar")
|