style(plugin-workflow): adjust terminal style on workflow canvas (#2524)

This commit is contained in:
Junyi 2023-08-24 18:03:19 +07:00 committed by GitHub
parent 0663844573
commit 42acff6c75
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 13 additions and 5 deletions

View File

@ -15,11 +15,7 @@ export function CanvasContent({ entry }) {
<div className={styles.branchBlockClass}> <div className={styles.branchBlockClass}>
<Branch entry={entry} /> <Branch entry={entry} />
</div> </div>
<div className={cx('end', styles.nodeCardClass)}> <div className={styles.terminalClass}>{lang('End')}</div>
<div className={cx(styles.nodeMetaClass)}>
<Tag color="#333">{lang('End')}</Tag>
</div>
</div>
</div> </div>
); );
} }

View File

@ -348,6 +348,18 @@ const useStyles = createStyles(({ css, token }) => {
width: 2em; width: 2em;
height: 6em; height: 6em;
`, `,
terminalClass: css`
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 4em;
height: 4em;
border-radius: 50%;
background-color: ${token.colorText};
color: ${token.colorBgContainer};
`,
}; };
}); });