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>
<span style={{color: "olive"}}>Urban</span>
<DiscreteColorMapLegend map={colorByDistance('distance_overtaker')[3][5].slice(2)} />
<span style={{color: "brown"}}>Rural</span>
<DiscreteColorMapLegend map={colorByDistance('distance_overtaker')[3][3].slice(2)} />
</List.Item>
<>
<List.Item>
<List.Header>Urban</List.Header>
<DiscreteColorMapLegend map={colorByDistance('distance_overtaker')[3][5].slice(2)} />
</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 && (
<>
<List.Item>
<span style={{color: "blue"}}>Urban</span>
<List.Header>Urban</List.Header>
<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)} />
</List.Item>
</>