mirrors/nocobase
1
0
Fork 0
mirror of https://github.com/nocobase/nocobase synced 2024-11-15 06:35:20 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(client): fix upload progress style (#4698)

Browse Source
This commit is contained in:
Junyi 2024-06-18 23:40:56 +08:00 committed by GitHub
parent 6e0074fb66
commit ed89dd04c8
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/core/client/src/schema-component/antd/upload/Upload.tsx
View File

@ -134,14 +134,14 @@ function AttachmentListItem(props) {
{!readPretty && file.id && ( {!readPretty && file.id && (
<Button size={'small'} type={'text'} icon={<DownloadOutlined />} onClick={onDownload} /> <Button size={'small'} type={'text'} icon={<DownloadOutlined />} onClick={onDownload} />
)} )}
{!readPretty && !disabled && ( {!readPretty && !disabled && file.status !== 'uploading' && (
<Button size={'small'} type={'text'} icon={<DeleteOutlined />} onClick={onDelete} /> <Button size={'small'} type={'text'} icon={<DeleteOutlined />} onClick={onDelete} />
)} )}
</Space> </Space>
</span> </span>
{file.status === 'uploading' && ( {file.status === 'uploading' && (
<div className={`${prefixCls}-list-item-progress`}> <div className={`${prefixCls}-list-item-progress`}>
<Progress size={2} type={'line'} showInfo={false} percent={file.percent} /> <Progress strokeWidth={4} type={'line'} showInfo={false} percent={Number(file.percent)} />
</div> </div>
)} )}
</div> </div>

1
packages/core/client/src/schema-component/antd/upload/style.ts
View File

@ -77,6 +77,7 @@ export const useStyles = genStyleHook('upload', (token) => {
}, },
[`${componentCls}-list-picture-card ${componentCls}-list-item-progress`]: { [`${componentCls}-list-picture-card ${componentCls}-list-item-progress`]: {
bottom: 'calc(50% - 11px)', bottom: 'calc(50% - 11px)',
left: `${token.margin / 2}px`,
pointerEvents: 'none', pointerEvents: 'none',
}, },
[`${antCls}-btn`]: { [`${antCls}-btn`]: {