@lobehub/ui/es/dashboard/FilterSidebar/style.mjs.map

Lobe UI is an open-source UI component library for building AIGC web apps

{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/dashboard/FilterSidebar/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar, responsive }) => ({\n  body: css`\n    overflow-y: auto;\n    max-block-size: 360px;\n    padding-block-end: 16px;\n    padding-inline: 12px;\n\n    &[data-flush='true'] {\n      flex: 1;\n      min-block-size: 0;\n      max-block-size: none;\n    }\n  `,\n  content: css`\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n    gap: 16px;\n\n    min-inline-size: 0;\n    padding-inline-start: 20px;\n\n    &[data-flush='true'] {\n      overflow-y: auto;\n      padding: 24px;\n    }\n\n    [data-split-card='true'] & {\n      padding-block: 16px 0;\n      padding-inline: 16px;\n\n      > :last-child {\n        margin-inline: -16px;\n      }\n    }\n\n    ${responsive.laptop} {\n      overflow: visible;\n      padding: 0;\n\n      > :last-child {\n        margin-inline: 0;\n      }\n    }\n  `,\n  count: css`\n    flex: none;\n    font-size: ${cssVar.fontSizeSM};\n    font-variant-numeric: tabular-nums;\n    color: ${cssVar.colorTextTertiary};\n  `,\n  drawerPanel: css`\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n  `,\n  head: css`\n    display: flex;\n    flex: none;\n    flex-direction: column;\n    gap: 8px;\n\n    padding: 12px;\n  `,\n  layout: css`\n    display: flex;\n\n    &[data-flush='true'] {\n      flex: 1;\n      min-block-size: 0;\n    }\n\n    &[data-split-card='true'] {\n      overflow: hidden;\n      align-items: stretch;\n    }\n\n    ${responsive.laptop} {\n      flex-direction: column;\n      gap: 12px;\n    }\n  `,\n  name: css`\n    overflow: hidden;\n    flex: 1;\n\n    min-inline-size: 0;\n\n    text-align: start;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  `,\n  option: css`\n    cursor: pointer;\n\n    display: flex;\n    gap: 6px;\n    align-items: center;\n\n    inline-size: 100%;\n    min-block-size: 36px;\n    padding-inline: 8px;\n    border: none;\n    border-radius: ${cssVar.borderRadius};\n\n    font: inherit;\n    color: ${cssVar.colorText};\n\n    background: none;\n\n    &:hover {\n      background: ${cssVar.colorFillTertiary};\n    }\n\n    &[aria-pressed='true'] {\n      font-weight: 500;\n      background: ${cssVar.controlItemBgActive};\n    }\n  `,\n  row: css`\n    display: flex;\n    flex: 1;\n    gap: 6px;\n    align-items: center;\n\n    min-inline-size: 0;\n  `,\n  panel: css`\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n\n    min-block-size: 0;\n    border-inline-end: 1px solid ${cssVar.colorBorderSecondary};\n\n    [data-split-card='true'] & {\n      block-size: 100%;\n      border-inline-end-color: ${cssVar.colorBorder};\n    }\n  `,\n  sidebar: css`\n    align-self: stretch;\n    min-block-size: 0;\n\n    &[data-flush='true'] {\n      block-size: 100%;\n    }\n  `,\n}));\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,QAAQ,kBAAkB;CACzE,MAAM,GAAG;;;;;;;;;;;;CAYT,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;MAuBR,WAAW,OAAO;;;;;;;;;CAStB,OAAO,GAAG;;iBAEK,OAAO,WAAW;;aAEtB,OAAO,kBAAkB;;CAEpC,aAAa,GAAG;;;;;CAKhB,MAAM,GAAG;;;;;;;;CAQT,QAAQ,GAAG;;;;;;;;;;;;;MAaP,WAAW,OAAO;;;;;CAKtB,MAAM,GAAG;;;;;;;;;;CAUT,QAAQ,GAAG;;;;;;;;;;;qBAWQ,OAAO,aAAa;;;aAG5B,OAAO,UAAU;;;;;oBAKV,OAAO,kBAAkB;;;;;oBAKzB,OAAO,oBAAoB;;;CAG7C,KAAK,GAAG;;;;;;;;CAQR,OAAO,GAAG;;;;;;mCAMuB,OAAO,qBAAqB;;;;iCAI9B,OAAO,YAAY;;;CAGlD,SAAS,GAAG;;;;;;;;AAQd,EAAE"}