Add humid icon (optimize icon size)

dash-app · Mar 5, 2021 · 87f73b1 · 87f73b1
1 parent 3a30d88
commit 87f73b1
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/frontend/dash-home/src/aircon/Aircon.tsx b/frontend/dash-home/src/aircon/Aircon.tsx
@@ -155,7 +155,7 @@ const AirconPanel: React.FC<ControllerProps> = props => {
             <SummonByTpl
               title={
                 <ThemedIcon>
-                  <FontAwesomeIcon icon={["fas", "thermometer-three-quarters"]} />
+                  <FontAwesomeIcon style={{ marginRight: "0.5rem" }} icon={["fas", "thermometer-three-quarters"]} />
                 </ThemedIcon>
               }
               description={t("controller.aircon.temp.name")}
@@ -172,6 +172,12 @@ const AirconPanel: React.FC<ControllerProps> = props => {
           <Contents>
             <HR />
             <SummonByTpl
+              title={
+                <ThemedIcon>
+                  <FontAwesomeIcon style={{ marginRight: "0.1rem" }} icon={["fas", "tint"]} />
+                  <span style={{ paddingLeft: "0.1em" }}>{aircon.modes[aircon.mode].humid}</span>
+                </ThemedIcon>
+              }
               description={t("controller.aircon.humid.name")}
               value={aircon.modes[aircon.mode].humid}
               setter={(e: any) => aircon.modes[aircon.mode].humid = e}

diff --git a/frontend/dash-home/src/components/controller/template/Range.tsx b/frontend/dash-home/src/components/controller/template/Range.tsx
@@ -56,7 +56,7 @@ class Range extends React.Component<Props, State> {
               <Col>
                 <H1>
                   <Span>
-                    {this.props.title && <span style={{ marginRight: "0.5rem" }}>{this.props.title}</span>}
+                    {this.props.title && this.props.title}
                     {this.state.value.toFixed(1)}
                     {this.props.suffix && <span style={{ fontSize: "0.5em", fontWeight: 400 }}>{this.props.suffix}</span>}
                   </Span>