pub-solar/obs-portal
5
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

make headers in sidebar pretty, and remove colors

Browse source
This commit is contained in:
Paul Bienkowski 2022-07-25 22:24:41 +02:00
parent 76b1b41b4b
commit 617011c528
1 changed files with 14 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
frontend/src/pages/MapPage/LayerSidebar.tsx
View file

@ -105,12 +105,16 @@ function LayerSidebar({
</List.Item></> </List.Item></>
) : ) :
( (
<List.Item> <>
<span style={{color: "olive"}}>Urban</span> <List.Item>
<DiscreteColorMapLegend map={colorByDistance('distance_overtaker')[3][5].slice(2)} /> <List.Header>Urban</List.Header>
<span style={{color: "brown"}}>Rural</span> <DiscreteColorMapLegend map={colorByDistance('distance_overtaker')[3][5].slice(2)} />
<DiscreteColorMapLegend map={colorByDistance('distance_overtaker')[3][3].slice(2)} /> </List.Item>
</List.Item> <List.Item>
<List.Header>Rural</List.Header>
<DiscreteColorMapLegend map={colorByDistance('distance_overtaker')[3][3].slice(2)} />
</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>
</> </>