lobe-chat

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

3
// fix ios input keyboard
4
// overflow: hidden;
5
// ref: https://zhuanlan.zhihu.com/p/113855026
6
export default ({ token }: { prefixCls: string; token: Theme }) => css`
7
  html,
8
  body,
9
  #__next {
10
    position: relative;
11

12
    overscroll-behavior: none;
13

14
    height: 100%;
15
    min-height: 100dvh;
16
    max-height: 100dvh;
17

18
    background: ${token.colorBgLayout};
19

20
    @media (min-device-width: 576px) {
21
      overflow: hidden;
22
    }
23
  }
24

25
  * {
26
    scrollbar-color: ${token.colorFill} transparent;
27
    scrollbar-width: thin;
28

29
    ::-webkit-scrollbar {
30
      width: 0.75em;
31
      height: 0.75em;
32
    }
33

34
    ::-webkit-scrollbar-thumb {
35
      border-radius: 10px;
36
    }
37

38
    :hover::-webkit-scrollbar-thumb {
39
      background-color: ${token.colorText};
40
      background-clip: content-box;
41
      border: 3px solid transparent;
42
    }
43

44
    ::-webkit-scrollbar-track {
45
      background-color: transparent;
46
    }
47
  }
48
`;
49