fix(plugin-workflow): fix job button style (#2243)
This commit is contained in:
parent
0ba1c3d5c7
commit
5638a2fa2b
@ -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 {
|
||||
|
@ -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;
|
||||
|
@ -83,6 +83,7 @@ function TriggerExecution() {
|
||||
'x-component-props': {
|
||||
title: <InfoOutlined />,
|
||||
shape: 'circle',
|
||||
size: 'small',
|
||||
className: nodeJobButtonClass,
|
||||
type: 'primary',
|
||||
},
|
||||
|
Loading…
Reference in New Issue
Block a user