make headers in sidebar pretty, and remove colors
This commit is contained in:
parent
76b1b41b4b
commit
617011c528
|
@ -105,12 +105,16 @@ function LayerSidebar({
|
||||||
</List.Item></>
|
</List.Item></>
|
||||||
) :
|
) :
|
||||||
(
|
(
|
||||||
|
<>
|
||||||
<List.Item>
|
<List.Item>
|
||||||
<span style={{color: "olive"}}>Urban</span>
|
<List.Header>Urban</List.Header>
|
||||||
<DiscreteColorMapLegend map={colorByDistance('distance_overtaker')[3][5].slice(2)} />
|
<DiscreteColorMapLegend map={colorByDistance('distance_overtaker')[3][5].slice(2)} />
|
||||||
<span style={{color: "brown"}}>Rural</span>
|
</List.Item>
|
||||||
|
<List.Item>
|
||||||
|
<List.Header>Rural</List.Header>
|
||||||
<DiscreteColorMapLegend map={colorByDistance('distance_overtaker')[3][3].slice(2)} />
|
<DiscreteColorMapLegend map={colorByDistance('distance_overtaker')[3][3].slice(2)} />
|
||||||
</List.Item>
|
</List.Item>
|
||||||
|
</>
|
||||||
)}
|
)}
|
||||||
</>
|
</>
|
||||||
)}
|
)}
|
||||||
|
@ -131,9 +135,11 @@ function LayerSidebar({
|
||||||
{showEvents && (
|
{showEvents && (
|
||||||
<>
|
<>
|
||||||
<List.Item>
|
<List.Item>
|
||||||
<span style={{color: "blue"}}>Urban</span>
|
<List.Header>Urban</List.Header>
|
||||||
<DiscreteColorMapLegend map={colorByDistance('distance_overtaker')[3][5].slice(2)} />
|
<DiscreteColorMapLegend map={colorByDistance('distance_overtaker')[3][5].slice(2)} />
|
||||||
<span style={{color: "cyan"}}>Rural</span>
|
</List.Item>
|
||||||
|
<List.Item>
|
||||||
|
<List.Header>Rural</List.Header>
|
||||||
<DiscreteColorMapLegend map={colorByDistance('distance_overtaker')[3][3].slice(2)} />
|
<DiscreteColorMapLegend map={colorByDistance('distance_overtaker')[3][3].slice(2)} />
|
||||||
</List.Item>
|
</List.Item>
|
||||||
</>
|
</>
|
||||||
|
|
Loading…
Reference in a new issue