diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/index.js | 16 | ||||
| -rw-r--r-- | src/style.scss | 20 |
2 files changed, 26 insertions, 10 deletions
diff --git a/src/index.js b/src/index.js index 4962d7c..778775e 100644 --- a/src/index.js +++ b/src/index.js @@ -166,6 +166,18 @@ class IPAddress extends Component { <span className="value">{details.mask}</span> <span className="label">Netmask</span> </span> + <span className="base"> + <span className="value">{details.base}</span> + <span className="label">CIDR Base IP</span> + </span> + <span className="broadcast"> + <span className="value">{details.broadcast}</span> + <span className="label">Broadcast IP</span> + </span> + <span className="count"> + <span className="value">{details.size.toLocaleString()}</span> + <span className="label">Count</span> + </span> <span className="first"> <span className="value">{details.first}</span> <span className="label">First Usable IP</span> @@ -174,10 +186,6 @@ class IPAddress extends Component { <span className="value">{details.last}</span> <span className="label">Last Usable IP</span> </span> - <span className="count"> - <span className="value">{details.size.toLocaleString()}</span> - <span className="label">Count</span> - </span> </div> </div> ); diff --git a/src/style.scss b/src/style.scss index a9c7407..e513c08 100644 --- a/src/style.scss +++ b/src/style.scss @@ -100,19 +100,27 @@ body { div.details { span.netmask { display: inline-block; - width: 20%; + width: 15%; } - span.first { + span.base { display: inline-block; - width: 20%; + width: 15%; } - span.last { + span.broadcast { display: inline-block; - width: 20%; + width: 15%; } span.count { display: inline-block; - width: 20%; + width: 15%; + } + span.first { + display: inline-block; + width: 15%; + } + span.last { + display: inline-block; + width: 15%; } span.value { font-size: modular-scale(1); |