change SiteLegend style

This commit is contained in:
baol 2023-10-30 11:38:25 +08:00
parent 803b20ae0e
commit e0d0f49c21
2 changed files with 4 additions and 10 deletions

View File

@ -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>
); );

View File

@ -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;
} }
} }
} }