@bitrix24/b24ui-nuxt/.nuxt/b24ui/sidebar-layout.ts

Bitrix24 UI-Kit for developing web applications REST API for NUXT & VUE

export default {
  "slots": {
    "root": "min-h-svh w-full flex max-lg:flex-col relative isolate",
    "sidebar": "w-[240px] pr-[3px] fixed inset-y-0 left-0 max-lg:hidden",
    "sidebarSlideoverContainer": "max-w-80 p-2 bg-transparent dark:bg-transparent sm:shadow-none",
    "sidebarSlideover": "h-full overflow-hidden flex flex-col bg-white dark:bg-base-dark ring-1 ring-base-950/5 dark:ring-white/10 shadow-xs rounded-lg",
    "sidebarSlideoverBtnClose": "-mb-3 px-4 pt-3",
    "header": "px-4 flex items-center lg:hidden",
    "headerMenuIcon": "",
    "headerPaddings": "py-2.5",
    "headerWrapper": "min-w-0 flex-1",
    "container": "flex-1 flex flex-col lg:min-w-0",
    "containerWrapper": "grow",
    "containerWrapperInner": ""
  },
  "variants": {
    "useSidebar": {
      "true": {
        "container": "lg:pl-[240px]"
      },
      "false": {
        "container": "pb-2 lg:pt-2 lg:px-2"
      }
    },
    "useLightContent": {
      "true": {
        "root": "bg-white dark:bg-white/10 lg:bg-base-50 dark:lg:bg-base-dark edge-dark:lg:bg-transparent",
        "container": "pb-2 lg:pt-2 lg:pr-2",
        "containerWrapper": "p-6 lg:p-10 lg:bg-white dark:lg:bg-white/10 lg:ring-1 lg:ring-base-950/5 dark:lg:ring-white/10 lg:shadow-xs lg:rounded-lg"
      },
      "false": {
        "container": "px-4"
      }
    }
  },
  "compoundVariants": [],
  "defaultVariants": {
    "useLightContent": true
  }
}