public/glowing-fiesta-original
1
0
Fork 0
Code Issues 4 Pull requests Projects Releases Packages Wiki Activity Actions

GF-4 (#4) Start work on main layout

Browse source
This commit is contained in:
Liviu Burcusel 2025-12-21 13:17:58 +01:00
parent 2ed0a69e70
commit 57593b4370
Signed by: liviu
GPG key ID: 6CDB37A4AD2C610C
49 changed files with 1233 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

19
app/components/ui/sidebar/utils.ts Normal file
View file

@ -0,0 +1,19 @@
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");