@lobehub/ui/es/chat/ChatHeader/style.js

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

var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
import { createStyles } from 'antd-style';
export var useStyles = createStyles(function (_ref) {
  var css = _ref.css,
    token = _ref.token;
  return {
    center: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      position: relative;\n      overflow: hidden;\n    "]))),
    container: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      position: absolute;\n      z-index: 10;\n\n      overflow: hidden;\n      grid-area: header;\n      align-self: stretch;\n\n      width: 100%;\n      height: 52px;\n      min-height: 52px;\n      max-height: 52px;\n\n      background: ", ";\n      border-block-end: 1px solid ", ";\n    "])), token.colorBgContainerSecondary, token.colorBorderSecondary),
    left: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      position: relative;\n      overflow: hidden;\n      flex: 1;\n      padding-inline-start: 8px;\n    "]))),
    right: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      position: relative;\n      overflow: hidden;\n      flex: none;\n    "])))
  };
});
export var useTitleStyles = createStyles(function (_ref2) {
  var css = _ref2.css,
    token = _ref2.token;
  return {
    container: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    position: relative;\n    overflow: hidden;\n    flex: 1;\n    max-width: 100%;\n  "]))),
    desc: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    overflow: hidden;\n\n    width: 100%;\n\n    font-size: 12px;\n    line-height: 1;\n    color: ", ";\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  "])), token.colorTextTertiary),
    tag: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    flex: none;\n    align-items: baseline;\n  "]))),
    title: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    overflow: hidden;\n\n    font-size: 16px;\n    font-weight: bold;\n    line-height: 1;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  "]))),
    titleContainer: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    flex: 1;\n    line-height: 1;\n  "]))),
    titleWithDesc: css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    overflow: hidden;\n    font-weight: bold;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  "])))
  };
});