lobe-chat

1
import { css } from 'antd-style';
2

3
export const dotLoading = css`
4
  &::after {
5
    content: '\\2026'; /* ascii code for the ellipsis character */
6

7
    overflow: hidden;
8
    display: inline-block;
9

10
    width: 0;
11

12
    vertical-align: bottom;
13

14
    animation: ellipsis steps(4, end) 900ms infinite;
15
  }
16

17
  @keyframes ellipsis {
18
    to {
19
      width: 1.25em;
20
    }
21
  }
22

23
  @keyframes ellipsis {
24
    to {
25
      width: 1.25em;
26
    }
27
  }
28
`;
29