@bothub-chat/ui/dist/components/header/menu/styled.js

Bothub UI Components

import{styled as e,css as t,createGlobalStyle as a}from"styled-components";import{animated as i}from"@react-spring/web";import{adaptive as h}from"../../../adaptive/index.js";const o=e.div.withConfig({displayName:"styled__HeaderMenuStyled",componentId:"sc-1k8b9s7-0"})(["position:relative;"]),d=e(i.div).withConfig({displayName:"styled__HeaderMenuContent",componentId:"sc-1k8b9s7-1"})(["background:",";overflow:auto;position:absolute;top:0px;left:0px;right:0px;z-index:",";",""],(({theme:e})=>e.colors.base.black),(({theme:e})=>e.zIndex.headerMenu),(({theme:e,$variant:a,$isPreset:i})=>{switch(a){case"main":return h({variant:a,desktop:t`
            display: none;
            height: calc(100vh - ${e.header.height});
          `,tablet:t`
            height: calc(100vh - ${e.header.height});
          `,mobile:t`
            height: calc(100vh - ${e.header.mobile.height});
          `});case"dashboard":return t`
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          position: fixed;
          gap: 40px;
          ${h({variant:a,desktop:t`
              display: none;
              height: calc(100vh - ${e.dashboard.header.height});
            `,tablet:t`
              ${i?"":"display: none;"}
              padding: 42px 18px;
              height: calc(100vh - ${e.dashboard.header.tablet.height});
            `,mobile:t`
              ${i?"":"display: none;"}
              padding: 32px 16px;
              height: calc(
                100vh -
                  ${i?parseInt(e.dashboard.header.mobile.height)-80:e.dashboard.header.mobile.height}
              );
            `})}
        `}})),n=a`
  body {
    overflow: hidden;
    max-height: 100vh;
    max-height: 100lvh;
  }
`;export{d as HeaderMenuContent,n as HeaderMenuOpenGlobalStyle,o as HeaderMenuStyled};