@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.
52 lines (40 loc) • 1.08 kB
text/typescript
import { createStyles } from 'antd-style';
import { lighten } from 'polished';
export const useStyles = createStyles(({ css, token, isDarkMode }) => ({
badge: css`
padding-block: 4px;
padding-inline: 6px;
border-radius: 2222px;
font-size: 12px;
line-height: 12px;
color: ${token.colorTextSecondary};
background: ${token.colorFillSecondary};
`,
container: css`
cursor: pointer;
width: fit-content;
padding-block: 6px;
padding-inline: 8px;
padding-inline-end: 12px;
border-radius: 8px;
color: ${token.colorText};
background: ${lighten(0.1, token.colorBgElevated)};
box-shadow: ${token.boxShadowTertiary};
transition: all 0.2s;
&:hover {
background: ${isDarkMode ? lighten(0.15, token.colorBgElevated) : ''};
box-shadow: ${token.boxShadowSecondary};
}
`,
filename: css`
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
font-size: 12px;
text-overflow: ellipsis;
`,
mobile: css`
width: 100%;
`,
}));