From 22d12b1f58189afd1cdceecd4464403b424b0d12 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=88=91=E6=98=AF=E4=B8=80=E6=9D=A1=E6=87=92=E6=B1=89?=
 <13055988395@163.com>
Date: Mon, 27 Dec 2021 03:48:40 +0000
Subject: [PATCH] =?UTF-8?q?!1773=20=E5=A2=9E=E5=BC=BA=EF=BC=9A=E5=BE=AE?=
 =?UTF-8?q?=E8=B0=83=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/UI/Components/AxisMode/AxisMode.less      |  2 +-
 .../CameraControlButton/CameraControlBtn.tsx  | 22 ++++++++++++++-----
 2 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/src/UI/Components/AxisMode/AxisMode.less b/src/UI/Components/AxisMode/AxisMode.less
index 32fe646ed..c9fd61b81 100644
--- a/src/UI/Components/AxisMode/AxisMode.less
+++ b/src/UI/Components/AxisMode/AxisMode.less
@@ -11,7 +11,7 @@
         box-shadow   : 0 0 2px white inset;
         border-radius: 20px;
         margin-right: 10px;
-        background-color: rgba(1, 1, 1);
+        background-color: rgba(1, 1, 1,.6);
         button
         {
             border-radius: 50%;
diff --git a/src/UI/Components/CameraControlButton/CameraControlBtn.tsx b/src/UI/Components/CameraControlButton/CameraControlBtn.tsx
index 2bc934fc0..d0ad2ca40 100644
--- a/src/UI/Components/CameraControlButton/CameraControlBtn.tsx
+++ b/src/UI/Components/CameraControlButton/CameraControlBtn.tsx
@@ -142,18 +142,28 @@ export class CameraControlBtn extends React.Component<{}, {}>
     {
         let store = CameraControlBtnStore.GetInstance();
         const btnStyle: React.CSSProperties = {
-            fontSize: "11px",
+            fontSize: "14px",
             textAlign: "center",
-            minHeight: "15px",
-            height: "15px",
-            lineHeight: "1px",
+            minHeight: "17px",
+            height: "17px",
+            lineHeight: "100%",
             padding: 2,
             minWidth: 20,
             color: "#fff",
-            background: "black"
+            boxSizing: "border-box",
+            borderRadius: "5px",
         };
         return (
-            <div>
+            <div style={{
+                display: 'flex',
+                flexDirection: 'row',
+                justifyItems: 'center',
+                gap: '2px',
+                background: 'rgba(1,1,1,0.6)',
+                borderRadius: '2px',
+                padding: 2,
+                boxShadow: '0 0 2px white inset',
+            }}>
                 <Popover
                     isOpen={this.state.isOpenToolbar === true ? true : undefined}
                     modifiers={{ arrow: { enabled: false } }}