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:
Claude Code 2026-03-29 06:36:30 -07:00
parent d8229c91f2
commit c8d9db5fe5

View file

@ -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`