diff --git a/packages/frontend/src/components/Chain/Chain.css b/packages/frontend/src/components/Chain/Chain.css index ac84ea7..cf5c037 100644 --- a/packages/frontend/src/components/Chain/Chain.css +++ b/packages/frontend/src/components/Chain/Chain.css @@ -74,7 +74,7 @@ .Chain-node-list { width: 100%; - border-collapse: collapse; + border-spacing: 0; } .Chain-node-list thead { diff --git a/packages/frontend/src/components/Node/Row.css b/packages/frontend/src/components/Node/Row.css index 8a532a9..df0e609 100644 --- a/packages/frontend/src/components/Node/Row.css +++ b/packages/frontend/src/components/Node/Row.css @@ -13,10 +13,15 @@ } .Node-Row-pinned td:first-child { - border-left: 6px solid #d64ca8; + border-left: 3px solid #d64ca8; padding-left: 10px; } +.Node-Row-pinned td:last-child { + border-right: 3px solid #d64ca8; + padding-right: 10px; +} + .Node-Row-pinned.Node-Row-synced { color: #d64ca8; } diff --git a/packages/frontend/src/components/Node/Row.tsx b/packages/frontend/src/components/Node/Row.tsx index fb40304..758b7fc 100644 --- a/packages/frontend/src/components/Node/Row.tsx +++ b/packages/frontend/src/components/Node/Row.tsx @@ -20,6 +20,9 @@ import lastTimeIcon from '../../icons/watch.svg'; import cpuIcon from '../../icons/microchip-solid.svg'; import memoryIcon from '../../icons/memory-solid.svg'; +import parityPolkadotIcon from '../../icons/dot.svg'; +import unknownImplementationIcon from '../../icons/question-solid.svg'; + import './Row.css'; interface RowProps { @@ -61,13 +64,14 @@ export default class Row extends React.Component { { label: 'Implementation', icon: nodeTypeIcon, - width: 240, + width: 100, setting: 'implementation', render: ({ nodeDetails }) => { const [, implementation, version] = nodeDetails; const [semver] = version.match(SEMVER_PATTERN) || [version]; + const implIcon = implementation === 'parity-polkadot' ? parityPolkadotIcon : unknownImplementationIcon; - return {implementation} v{semver}; + return v{semver}; } }, { diff --git a/packages/frontend/src/icons/dot.svg b/packages/frontend/src/icons/dot.svg new file mode 100644 index 0000000..7fb753d --- /dev/null +++ b/packages/frontend/src/icons/dot.svg @@ -0,0 +1 @@ + diff --git a/packages/frontend/src/icons/question-solid.svg b/packages/frontend/src/icons/question-solid.svg new file mode 100644 index 0000000..003cd55 --- /dev/null +++ b/packages/frontend/src/icons/question-solid.svg @@ -0,0 +1 @@ + \ No newline at end of file