fix(style): tooltip overflow

This commit is contained in:
jialin
2025-04-14 16:59:43 +08:00
parent d8ea86fde1
commit b108d4e287
5 changed files with 71 additions and 57 deletions
@@ -1,6 +1,7 @@
import { TooltipOverlayScroller } from '@/components/overlay-scroller';
import { convertFileSize } from '@/utils';
import { InfoCircleOutlined } from '@ant-design/icons';
import { Tag, Tooltip } from 'antd';
import { Tag } from 'antd';
import classNames from 'classnames';
import _ from 'lodash';
import React from 'react';
@@ -24,13 +25,7 @@ const FilePartsTag = (props: { parts: any[] }) => {
}
const { parts } = props;
return (
<Tooltip
overlayInnerStyle={{
width: 180,
padding: 0
}}
title={<FileParts fileList={parts}></FileParts>}
>
<TooltipOverlayScroller title={<FileParts fileList={parts}></FileParts>}>
<Tag
className="tag-item"
color="purple"
@@ -43,7 +38,7 @@ const FilePartsTag = (props: { parts: any[] }) => {
{parts.length} parts
</span>
</Tag>
</Tooltip>
</TooltipOverlayScroller>
);
};