Update legend to textual one

This commit is contained in:
Itay Mizeretz 2017-10-16 17:37:11 +03:00
parent b3d89937ba
commit d247da61a8
3 changed files with 14 additions and 3 deletions

View File

@ -165,10 +165,17 @@ class MapPageComponent extends React.Component {
<Col xs={12} lg={8}> <Col xs={12} lg={8}>
<h1 className="page-title">Infection Map</h1> <h1 className="page-title">Infection Map</h1>
</Col> </Col>
<Col xs={12}>
<img src={legend}/>
</Col>
<Col xs={8}> <Col xs={8}>
<div className="map-legend">
<b>Legend: </b>
<span>Exploit <i className="fa fa-lg fa-minus" style={{color: '#cc0200'}} /></span>
<b style={{color: '#aeaeae'}}>|</b>
<span>Scan <i className="fa fa-lg fa-minus" style={{color: '#ff9900'}} /></span>
<b style={{color: '#aeaeae'}}>|</b>
<span>Tunnel <i className="fa fa-lg fa-minus" style={{color: '#0158aa'}} /></span>
<b style={{color: '#aeaeae'}}>|</b>
<span>Island Communication <i className="fa fa-lg fa-minus" style={{color: '#a9aaa9'}} /></span>
</div>
<div style={{height: '80vh'}}> <div style={{height: '80vh'}}>
<ReactiveGraph graph={this.state.graph} options={options} events={this.events}/> <ReactiveGraph graph={this.state.graph} options={options} events={this.events}/>
</div> </div>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.5 KiB

View File

@ -270,6 +270,10 @@ body {
background: #d30d09; background: #d30d09;
} }
.map-legend {
font-size: 18px;
}
/* /*
* Full Logs Page * Full Logs Page
*/ */