change SiteLegend style
This commit is contained in:
parent
803b20ae0e
commit
e0d0f49c21
@ -31,20 +31,13 @@ function SiteLegend() {
|
|||||||
style={{ transform: "rotate(180deg)" }}
|
style={{ transform: "rotate(180deg)" }}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div className="site-legend-item-name">
|
<div className="site-legend-item-name">感热通量异常增加</div>
|
||||||
感热通量
|
|
||||||
<br />
|
|
||||||
异常增加
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div className="site-legend-item">
|
<div className="site-legend-item">
|
||||||
<div>
|
<div>
|
||||||
<img src={heatflux} alt="heatflux-decrease" width={32} />
|
<img src={heatflux} alt="heatflux-decrease" width={32} />
|
||||||
</div>
|
</div>
|
||||||
<div className="site-legend-item-name">
|
<div className="site-legend-item-name">感热通量异常降低</div>
|
||||||
感热通量 <br />
|
|
||||||
异常降低
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
.siteLegend :global {
|
.siteLegend :global {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 200px;
|
width: 230px;
|
||||||
height: 300px;
|
height: 300px;
|
||||||
right: 12px;
|
right: 12px;
|
||||||
bottom: 14px;
|
bottom: 14px;
|
||||||
@ -20,6 +20,7 @@
|
|||||||
.site-legend-item-name {
|
.site-legend-item-name {
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
|
flex: 1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user