diff --git a/src/App.css b/src/App.css index 39aad85..13751b1 100644 --- a/src/App.css +++ b/src/App.css @@ -27,6 +27,11 @@ a:hover{ text-decoration:none; opacity: 0.9; } + +.word-break-all { + word-break: break-all; +} + #layout { display: -webkit-box; display: -webkit-flex; @@ -434,6 +439,18 @@ hr{ margin-top: 20px; } + #Bulk .addr-item { + text-align: center; + padding: 20px; + border: 1px solid grey; + margin-bottom: 50px; + page-break-inside: avoid; + } + + #Bulk .addr-item h3 { + margin-top: 0; + } + #layout { display: block; } diff --git a/src/components/Bulk.jsx b/src/components/Bulk.jsx index 05e7258..ce782b8 100644 --- a/src/components/Bulk.jsx +++ b/src/components/Bulk.jsx @@ -14,7 +14,7 @@ class Bulk extends Component { startIndex: 1, nbRows: 1, type: 'T', - paper: true, + paper: false, pairs: [] }; } @@ -165,10 +165,11 @@ class Bulk extends Component {
{this.state.pairs[0] ? ( - - - - +
+ +
+
+ @@ -179,8 +180,8 @@ class Bulk extends Component { } - - + + {this.state.pairs.map((pair) => ( @@ -188,15 +189,56 @@ class Bulk extends Component { { this.state.type === 'Z' ? - () - : null + () + : null } ))} - -
# AddressPrivate Key
{pair.index}{pair.wif}{pair.priv}{pair.priv}
- -
+ + + + +
+ {this.state.pairs.map((pair) => ( +
+ + +

Zen Address

+
+ +
+
{pair.addr}
+ + +
+ {this.state.type === 'T' ? ( +

Private Key

+ ) : ( +

Spending Key

+ )} +
+ +
+
{pair.wif}
+
+ +
+
+ ))} +
+ ) : ( )}