feat(neuron-ui): adjust the layout of list

1. enlarge the max width of address field to 500 2. limit the capacity(amount, value) field to [200, 250]
nervosnetwork · Aug 12, 2019 · 6a11f99 · 6a11f99
1 parent c25b597
commit 6a11f99
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/packages/neuron-ui/src/components/Addresses/index.tsx b/packages/neuron-ui/src/components/Addresses/index.tsx
@@ -69,7 +69,7 @@ const Addresses = ({
         fieldName: 'address',
         className: 'monospacedFont',
         minWidth: 100,
-        maxWidth: 400,
+        maxWidth: 500,
         onRender: (item?: State.Address) => {
           if (item) {
             return (
@@ -121,7 +121,7 @@ const Addresses = ({
         key: 'balance',
         fieldName: 'balance',
         minWidth: 200,
-        maxWidth: 400,
+        maxWidth: 250,
         onRender: (item?: State.Address) => {
           if (item) {
             return (

diff --git a/packages/neuron-ui/src/components/Transaction/index.tsx b/packages/neuron-ui/src/components/Transaction/index.tsx
@@ -36,8 +36,8 @@ const inputColumns: IColumn[] = [
   {
     key: 'capacity',
     name: 'Capacity',
-    minWidth: 300,
-    maxWidth: 500,
+    minWidth: 200,
+    maxWidth: 250,
   },
 ].map(
   (col): IColumn => ({
@@ -61,8 +61,8 @@ const outputColumns: IColumn[] = [
   {
     key: 'capacity',
     name: 'Capacity',
-    minWidth: 300,
-    maxWidth: 500,
+    minWidth: 200,
+    maxWidth: 250,
   },
 ].map(col => ({
   ariaLabel: col.name,

diff --git a/packages/neuron-ui/src/components/TransactionList/index.tsx b/packages/neuron-ui/src/components/TransactionList/index.tsx
@@ -137,7 +137,7 @@ const TransactionList = ({
           key: 'value',
           fieldName: 'value',
           minWidth: 200,
-          maxWidth: 500,
+          maxWidth: 250,
           onRender: (item?: FormatTransaction) => {
             if (item) {
               return (