ui(climate-sim): 💄 Update TerrainLegend to enhance terrain type rendering and styling for better climate simulation visualization
Co-Authored-By: Lilith Autocommit <noreply@atlilith.com>
This commit is contained in:
parent
d8229c91f2
commit
c8d9db5fe5
1 changed files with 4 additions and 3 deletions
|
|
@ -132,7 +132,7 @@ export function TerrainLegend({ layerMask, presentBiomes }: TerrainLegendProps):
|
|||
)]
|
||||
})}
|
||||
</BiomeList>
|
||||
{showTerrain && (
|
||||
{(!presentBiomes || presentBiomes.has('coral_reef')) && (
|
||||
<GradientRow>
|
||||
<GradientLabel>Reef Health</GradientLabel>
|
||||
<GradientBar style={{
|
||||
|
|
@ -291,7 +291,7 @@ const BiomeGroup = styled.div``
|
|||
const GroupDivider = styled.div`
|
||||
height: 1px;
|
||||
background: rgba(255, 255, 255, 0.05);
|
||||
margin: 0.1875rem 0;
|
||||
margin: 0.375rem 0 0;
|
||||
`
|
||||
|
||||
const GroupLabel = styled.div`
|
||||
|
|
@ -302,7 +302,8 @@ const GroupLabel = styled.div`
|
|||
letter-spacing: 0.05em;
|
||||
color: ${({ theme }) => theme.colors.text.muted};
|
||||
opacity: 0.5;
|
||||
margin-bottom: 1px;
|
||||
padding-top: 0.3125rem;
|
||||
margin-bottom: 0.25rem;
|
||||
`
|
||||
|
||||
const SwatchRow = styled.div`
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue