@lobehub/chat
Version:
Lobe Chat - an open-source, high-performance chatbot framework that supports speech synthesis, multimodal, and extensible Function Call plugin system. Supports one-click free deployment of your private ChatGPT/LLM web application.
61 lines (51 loc) • 1.19 kB
text/typescript
import { createStyles } from 'antd-style';
export const useContainerStyles = createStyles(({ css, token, stylish, cx, responsive }) => ({
preview: cx(
stylish.noScrollbar,
css`
overflow: hidden scroll;
width: 100%;
max-height: 70dvh;
border: 1px solid ${token.colorBorder};
border-radius: ${token.borderRadiusLG}px;
background: ${token.colorBgLayout};
* {
pointer-events: none;
::-webkit-scrollbar {
width: 0 ;
height: 0 ;
}
}
${responsive.mobile} {
max-height: 40dvh;
}
`,
),
}));
export const useStyles = createStyles(({ responsive, token, css }) => ({
body: css`
${responsive.mobile} {
padding-block-end: 68px;
}
`,
footer: css`
${responsive.mobile} {
position: absolute;
inset-block-end: 0;
inset-inline: 0;
width: 100%;
margin: 0;
padding: 16px;
background: ${token.colorBgContainer};
}
`,
sidebar: css`
flex: none;
width: max(240px, 25%);
${responsive.mobile} {
flex: 1;
width: unset;
margin-inline: -16px;
}
`,
}));