From 905da8b198904ad88eb66cbab79ed8e9a291d353 Mon Sep 17 00:00:00 2001 From: FunamaYukina Date: Wed, 11 Dec 2024 13:12:43 +0900 Subject: [PATCH 1/4] add border-radius to the columnWrapper last-child --- .../ERDRenderer/ERDContent/TableNode/TableNode.module.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/frontend/packages/erd-core/src/components/ERDRenderer/ERDContent/TableNode/TableNode.module.css b/frontend/packages/erd-core/src/components/ERDRenderer/ERDContent/TableNode/TableNode.module.css index 5099e73a..cce10ba1 100644 --- a/frontend/packages/erd-core/src/components/ERDRenderer/ERDContent/TableNode/TableNode.module.css +++ b/frontend/packages/erd-core/src/components/ERDRenderer/ERDContent/TableNode/TableNode.module.css @@ -23,6 +23,10 @@ border-bottom: 1px solid var(--node-border); } +.columnWrapper:last-child { + border-radius: var(--border-radius-md); +} + .primaryKeyIcon { color: var(--primary-accent); } From 126362cdf2fc17fb422c96c9d8aef6db3e7818fa Mon Sep 17 00:00:00 2001 From: FunamaYukina Date: Wed, 11 Dec 2024 13:13:03 +0900 Subject: [PATCH 2/4] align column type names to the center --- .../ERDRenderer/ERDContent/TableNode/TableNode.module.css | 1 + 1 file changed, 1 insertion(+) diff --git a/frontend/packages/erd-core/src/components/ERDRenderer/ERDContent/TableNode/TableNode.module.css b/frontend/packages/erd-core/src/components/ERDRenderer/ERDContent/TableNode/TableNode.module.css index cce10ba1..7957ed5b 100644 --- a/frontend/packages/erd-core/src/components/ERDRenderer/ERDContent/TableNode/TableNode.module.css +++ b/frontend/packages/erd-core/src/components/ERDRenderer/ERDContent/TableNode/TableNode.module.css @@ -38,6 +38,7 @@ .columnNameWrapper { display: inline-flex; justify-content: space-between; + align-items: center; } .columnName { From 6b5b799c3715d6cfdb954d6221a920bea69b4aa1 Mon Sep 17 00:00:00 2001 From: FunamaYukina Date: Wed, 11 Dec 2024 13:13:13 +0900 Subject: [PATCH 3/4] adjust handle position --- .../ERDRenderer/ERDContent/TableNode/TableNode.module.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/frontend/packages/erd-core/src/components/ERDRenderer/ERDContent/TableNode/TableNode.module.css b/frontend/packages/erd-core/src/components/ERDRenderer/ERDContent/TableNode/TableNode.module.css index 7957ed5b..defe0b16 100644 --- a/frontend/packages/erd-core/src/components/ERDRenderer/ERDContent/TableNode/TableNode.module.css +++ b/frontend/packages/erd-core/src/components/ERDRenderer/ERDContent/TableNode/TableNode.module.css @@ -77,3 +77,11 @@ .handle { top: auto; } + +.handle[data-handlepos='right'] { + transform: translate(50%, 0%); +} + +.handle[data-handlepos='left'] { + transform: translate(-50%, 0%); +} From 81a7c5e2e4522f004dca426ff57e07545bd23c06 Mon Sep 17 00:00:00 2001 From: FunamaYukina Date: Wed, 11 Dec 2024 14:42:59 +0900 Subject: [PATCH 4/4] fix border-radius to bottom corners --- .../ERDRenderer/ERDContent/TableNode/TableNode.module.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/frontend/packages/erd-core/src/components/ERDRenderer/ERDContent/TableNode/TableNode.module.css b/frontend/packages/erd-core/src/components/ERDRenderer/ERDContent/TableNode/TableNode.module.css index defe0b16..213d0b2d 100644 --- a/frontend/packages/erd-core/src/components/ERDRenderer/ERDContent/TableNode/TableNode.module.css +++ b/frontend/packages/erd-core/src/components/ERDRenderer/ERDContent/TableNode/TableNode.module.css @@ -24,7 +24,8 @@ } .columnWrapper:last-child { - border-radius: var(--border-radius-md); + border-bottom-left-radius: var(--border-radius-md); + border-bottom-right-radius: var(--border-radius-md); } .primaryKeyIcon {