change SiteLegend style

src/components/domain/Two/SiteLegend.jsx

@@ -31,20 +31,13 @@ function SiteLegend() {
             style={{ transform: "rotate(180deg)" }}
           />
         </div>
-        <div className="site-legend-item-name">
-          感热通量
-          <br />
-          异常增加
-        </div>
+        <div className="site-legend-item-name">感热通量异常增加</div>
       </div>
       <div className="site-legend-item">
         <div>
           <img src={heatflux} alt="heatflux-decrease" width={32} />
         </div>
-        <div className="site-legend-item-name">
-          感热通量 <br />
-          异常降低
-        </div>
+        <div className="site-legend-item-name">感热通量异常降低</div>
       </div>
     </div>
   );

src/components/domain/Two/index.module.less

@@ -1,6 +1,6 @@
 .siteLegend :global {
   position: absolute;
-  width: 200px;
+  width: 230px;
   height: 300px;
   right: 12px;
   bottom: 14px;
@@ -20,6 +20,7 @@
     .site-legend-item-name {
       font-size: 20px;
       font-weight: 700;
+      flex: 1;
     }
   }
 }