no message

skyouc

2025-09-09 ccfbcdf2a2ee13a7575bb7bbd0cbf5311df2827b

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
import { Dropdown } from 'antd'; 
import type { DropDownProps } from 'antd/es/dropdown'; 
import React from 'react'; 
import { createStyles } from 'antd-style'; 
import classNames from 'classnames'; 
 
const useStyles = createStyles(({ token }) => { 
  return { 
    dropdown: { 
      [`@media screen and (max-width: ${token.screenXS}px)`]: { 
        width: '100%', 
      }, 
    }, 
  }; 
}); 
 
export type HeaderDropdownProps = { 
  overlayClassName?: string; 
  placement?: 'bottomLeft' | 'bottomRight' | 'topLeft' | 'topCenter' | 'topRight' | 'bottomCenter'; 
} & Omit<DropDownProps, 'overlay'>; 
 
const HeaderDropdown: React.FC<HeaderDropdownProps> = ({ overlayClassName: cls, ...restProps }) => { 
  const { styles } = useStyles(); 
  return <Dropdown overlayClassName={classNames(styles.dropdown, cls)} {...restProps} />; 
}; 
 
export default HeaderDropdown;