From 2a651d877e26fb5a89775068540ee2a0b66027be Mon Sep 17 00:00:00 2001
From: hexxa <hexxa@outlook.com>
Date: Thu, 7 Oct 2021 17:00:22 +0800
Subject: [PATCH] fix(style): unify styles

---
 src/client/web/src/components/browser.tsx     |  1 -
 .../web/src/components/pane_settings.tsx      | 53 ++++++++++++-------
 2 files changed, 35 insertions(+), 19 deletions(-)

diff --git a/src/client/web/src/components/browser.tsx b/src/client/web/src/components/browser.tsx
index 7458cfe..64ea963 100644
--- a/src/client/web/src/components/browser.tsx
+++ b/src/client/web/src/components/browser.tsx
@@ -655,7 +655,6 @@ export class Browser extends React.Component<Props, State, {}> {
                 <span className={`padding-m ${showOp}`}>
                   <button
                     onClick={() => this.selectAll()}
-                    className={`grey1-bg white-font`}
                     style={{ width: "8rem", display: "inline-block" }}
                   >
                     {this.props.msg.pkg.get("browser.selectAll")}
diff --git a/src/client/web/src/components/pane_settings.tsx b/src/client/web/src/components/pane_settings.tsx
index 6ea5e0f..fcf2478 100644
--- a/src/client/web/src/components/pane_settings.tsx
+++ b/src/client/web/src/components/pane_settings.tsx
@@ -85,32 +85,49 @@ export class PaneSettings extends React.Component<Props, State, {}> {
             </h5>
 
             <div className="font-size-s margin-t-s">
-              {`${this.props.msg.pkg.get("user.name")}: ${
-                this.props.login.userName
-              }`}
+              <span className="grey0-font">
+                {`${this.props.msg.pkg.get("user.name")}:`}{" "}
+              </span>
+              <span>{`${this.props.login.userName}`}</span>
             </div>
             <div className="font-size-s margin-t-s">
-              {`${this.props.msg.pkg.get("user.role")}: ${
-                this.props.login.userRole
-              }`}
+              <span className="grey0-font">
+                {`${this.props.msg.pkg.get("user.role")}:`}{" "}
+              </span>
+              <span>{`${this.props.login.userRole}`}</span>
             </div>
             <div className="font-size-s margin-t-s">
-              {`${this.props.msg.pkg.get("user.spaceLimit")}: ${FileSize(
-                parseInt(this.props.login.quota.spaceLimit, 10),
-                { round: 0 }
-              )}`}
+              <span className="grey0-font">
+                {`${this.props.msg.pkg.get("user.spaceLimit")}:`}{" "}
+              </span>
+              <span>
+                {" "}
+                {`${FileSize(parseInt(this.props.login.quota.spaceLimit, 10), {
+                  round: 0,
+                })}`}
+              </span>
             </div>
             <div className="font-size-s margin-t-s">
-              {`${this.props.msg.pkg.get("user.upLimit")}: ${FileSize(
-                this.props.login.quota.uploadSpeedLimit,
-                { round: 0 }
-              )}`}
+              <span className="grey0-font">
+                {`${this.props.msg.pkg.get("user.upLimit")}:`}{" "}
+              </span>
+              <span>
+                {" "}
+                {`${FileSize(this.props.login.quota.uploadSpeedLimit, {
+                  round: 0,
+                })}`}
+              </span>
             </div>
             <div className="font-size-s margin-t-s">
-              {`${this.props.msg.pkg.get("user.downLimit")}: ${FileSize(
-                this.props.login.quota.downloadSpeedLimit,
-                { round: 0 }
-              )}`}
+              <span className="grey0-font">
+                {`${this.props.msg.pkg.get("user.downLimit")}:`}{" "}
+              </span>
+              <span>
+                {" "}
+                {`${FileSize(this.props.login.quota.downloadSpeedLimit, {
+                  round: 0,
+                })}`}
+              </span>
             </div>
           </div>