fix(plugin-workflow): fix job button style (#2098)

This commit is contained in:
Junyi 2023-06-21 22:03:54 +07:00 committed by GitHub
parent b80aaacb38
commit 5fc5428d03
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 2 deletions

View File

@ -240,7 +240,7 @@ function InnerJobButton({ job, ...props }) {
const { icon, color } = JobStatusOptionsMap[job.status]; const { icon, color } = JobStatusOptionsMap[job.status];
return ( return (
<Button {...props} shape="circle" className={nodeJobButtonClass}> <Button {...props} shape="circle" className={cx(nodeJobButtonClass, props.className)}>
<Tag color={color}>{icon}</Tag> <Tag color={color}>{icon}</Tag>
</Button> </Button>
); );
@ -292,7 +292,7 @@ export function JobButton() {
} }
`} `}
> >
<span className={nodeJobButtonClass}> <span className={cx(nodeJobButtonClass, 'inner')}>
<Tag color={color}>{icon}</Tag> <Tag color={color}>{icon}</Tag>
</span> </span>
<time>{str2moment(job.updatedAt).format('YYYY-MM-DD HH:mm:ss')}</time> <time>{str2moment(job.updatedAt).format('YYYY-MM-DD HH:mm:ss')}</time>

View File

@ -255,6 +255,10 @@ export const nodeJobButtonClass = css`
border: none; border: none;
} }
&.inner{
position: static;
}
.ant-tag { .ant-tag {
padding: 0; padding: 0;
width: 100%; width: 100%;