Opt themes styles

2022-02-24 23:28:59 +08:00
parent e08a3ec6b5
commit 6bc498f14d
3 changed files with 9 additions and 5 deletions
@@ -1,3 +1,6 @@
 div.header-bar {
+    padding: 0 20px;
+    box-sizing: border-box;
    display: flex;
+    align-items: center;
 }
@@ -1,6 +1,7 @@
 import { Component, ReactNode } from "react";
 import { useStatus, IMixinStatusProps } from "@Context/Status";
 import { Theme, BackgroundLevel, FontLevel } from "@Component/Theme/Theme";
+import "./HeaderBar.scss";

 interface IHeaderBarProps {
    height: number;
@@ -31,7 +32,7 @@ class HeaderBar extends Component<IHeaderBarProps & IMixinStatusProps> {
            fontLevel={FontLevel.Level3}
            style={{ height: this.props.height }}
        >
-            Living Together | Web
+            <div>Living Together | Web</div>
        </Theme>
    }
 }