This is an automated email from the ASF dual-hosted git repository.
dockerzhang pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/inlong.git
The following commit(s) were added to refs/heads/master by this push:
new c9f9c0a031 [INLONG-8760][Dashboard] Make the transform button wrap
(#8762)
c9f9c0a031 is described below
commit c9f9c0a031e343f85ad021bbd0f52e292abd3c1f
Author: EpicMo <[email protected]>
AuthorDate: Fri Aug 18 14:22:17 2023 +0800
[INLONG-8760][Dashboard] Make the transform button wrap (#8762)
---
.../SynchronizeDetail/SyncT/SourceSinkCard.tsx | 25 +++++++++++++++++-----
1 file changed, 20 insertions(+), 5 deletions(-)
diff --git
a/inlong-dashboard/src/ui/pages/SynchronizeDetail/SyncT/SourceSinkCard.tsx
b/inlong-dashboard/src/ui/pages/SynchronizeDetail/SyncT/SourceSinkCard.tsx
index 45a3e5a9f7..2bbf7b0d52 100644
--- a/inlong-dashboard/src/ui/pages/SynchronizeDetail/SyncT/SourceSinkCard.tsx
+++ b/inlong-dashboard/src/ui/pages/SynchronizeDetail/SyncT/SourceSinkCard.tsx
@@ -90,11 +90,26 @@ const Comp: React.FC<Props> = ({ inlongGroupId,
inlongStreamId }) => {
<Col span={11}>
<SyncSources inlongGroupId={inlongGroupId}
inlongStreamId={inlongStreamId} />
</Col>
- <Col span={2} onDoubleClick={openClick}>
- <a type="link" style={{ position: 'absolute', top: '50%' }}>
- <Button type="link" style={{ position: 'absolute', top: '50%' }}>
- {i18n.t('pages.SynchronizeDetail.Sync.Transform')}
- </Button>
+ <Col
+ span={2}
+ onDoubleClick={openClick}
+ style={{
+ position: 'relative',
+ display: 'flex',
+ alignItems: 'center',
+ justifyContent: 'center',
+ }}
+ >
+ <a
+ type="link"
+ style={{
+ position: 'absolute',
+ display: 'flex',
+ alignItems: 'center',
+ justifyContent: 'center',
+ }}
+ >
+ <Button
type="link">{i18n.t('pages.SynchronizeDetail.Sync.Transform')}</Button>
</a>
</Col>
<Col span={11}>
