Merge pull request #206 from liam-hq/fix-table-node-styles

Fix table node styles(Align column types, adjust handle position, and round column corners in tables)
liam-hq · Dec 11, 2024 · 27aced1 · 27aced1
2 parents e68bdfb + 81a7c5e
commit 27aced1
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/...nd/packages/erd-core/src/components/ERDRenderer/ERDContent/TableNode/TableNode.module.css b/...nd/packages/erd-core/src/components/ERDRenderer/ERDContent/TableNode/TableNode.module.css
@@ -23,6 +23,11 @@
   border-bottom: 1px solid var(--node-border);
 }
 
+.columnWrapper:last-child {
+  border-bottom-left-radius: var(--border-radius-md);
+  border-bottom-right-radius: var(--border-radius-md);
+}
+
 .primaryKeyIcon {
   color: var(--primary-accent);
 }
@@ -34,6 +39,7 @@
 .columnNameWrapper {
   display: inline-flex;
   justify-content: space-between;
+  align-items: center;
 }
 
 .columnName {
@@ -60,3 +66,11 @@
 .handle {
   top: auto;
 }
+
+.handle[data-handlepos='right'] {
+  transform: translate(50%, 0%);
+}
+
+.handle[data-handlepos='left'] {
+  transform: translate(-50%, 0%);
+}