mirror of
https://github.com/HKUDS/nanobot.git
synced 2026-08-14 16:19:17 +03:00
24 lines
1.3 KiB
TypeScript
24 lines
1.3 KiB
TypeScript
export const floatingSurfaceElevationClassName =
|
|
"bg-popover text-popover-foreground shadow-[0_8px_24px_rgba(15,23,42,0.10)] dark:shadow-[0_12px_28px_rgba(0,0,0,0.32)]";
|
|
|
|
export const floatingSurfaceVisualClassName =
|
|
`rounded-floating p-1.5 ${floatingSurfaceElevationClassName}`;
|
|
|
|
export const modalOverlayClassName =
|
|
"fixed inset-0 z-50 bg-black/45 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0";
|
|
|
|
export const modalSurfaceClassName =
|
|
"bg-background text-foreground shadow-[0_12px_36px_rgba(15,23,42,0.12)] dark:bg-popover dark:shadow-[0_18px_44px_rgba(0,0,0,0.32)]";
|
|
|
|
export const floatingSurfaceClassName =
|
|
`${floatingSurfaceVisualClassName} z-50 overflow-x-hidden overflow-y-auto overscroll-contain scrollbar-thin scrollbar-track-transparent`;
|
|
|
|
export const floatingSurfaceMotionClassName =
|
|
"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0";
|
|
|
|
export const floatingItemClassName =
|
|
"relative flex min-h-8 select-none items-center gap-2 rounded-control px-2.5 py-2 text-[13px] outline-none transition-colors [&>svg]:h-4 [&>svg]:w-4 [&>svg]:shrink-0";
|
|
|
|
export const floatingItemFocusClassName =
|
|
"focus:bg-foreground/[0.055] focus:text-foreground dark:focus:bg-white/[0.08]";
|