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

This commit is contained in:
Junyi 2023-07-13 12:32:00 +07:00 committed by GitHub
parent 0ba1c3d5c7
commit 5638a2fa2b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 8 additions and 9 deletions

View File

@ -235,7 +235,7 @@ function InnerJobButton({ job, ...props }) {
const { icon, color } = JobStatusOptionsMap[job.status];
return (
<Button {...props} shape="circle" className={cx(nodeJobButtonClass, props.className)}>
<Button {...props} shape="circle" size="small" className={cx(nodeJobButtonClass, props.className)}>
<Tag color={color}>{icon}</Tag>
</Button>
);
@ -279,6 +279,7 @@ export function JobButton() {
<div
className={css`
display: flex;
align-items: center;
gap: 0.5em;
time {

View File

@ -241,14 +241,10 @@ export const nodeCardClass = css`
export const nodeJobButtonClass = css`
display: flex;
position: absolute;
top: 1.25em;
right: 1.25em;
width: 1.25rem;
height: 1.25rem;
min-width: 1.25rem;
top: calc(1em - 1px);
right: 1em;
justify-content: center;
align-items: center;
font-size: 0.8em;
color: #fff;
&[type='button'] {
@ -261,8 +257,9 @@ export const nodeJobButtonClass = css`
.ant-tag {
padding: 0;
width: 100%;
line-height: 18px;
width: 24px;
height: 24px;
line-height: 22px;
margin-right: 0;
border-radius: 50%;
text-align: center;

View File

@ -83,6 +83,7 @@ function TriggerExecution() {
'x-component-props': {
title: <InfoOutlined />,
shape: 'circle',
size: 'small',
className: nodeJobButtonClass,
type: 'primary',
},