From b9b10f79f66185867b07f9a0297bd4515f604ea0 Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Tue, 26 Mar 2024 10:21:02 +0800
Subject: [PATCH] =?UTF-8?q?style(=E4=BB=AA=E8=A1=A8=E6=9D=BF):=20=E7=BC=96?=
 =?UTF-8?q?=E8=BE=91=E5=8C=BA=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/custom-component/common/CommonStyleSet.vue     | 10 +++++++++-
 .../src/custom-component/de-time-clock/TimeDefault.vue |  5 ++++-
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/core/core-frontend/src/custom-component/common/CommonStyleSet.vue b/core/core-frontend/src/custom-component/common/CommonStyleSet.vue
index d11c8e59db..89460beb24 100644
--- a/core/core-frontend/src/custom-component/common/CommonStyleSet.vue
+++ b/core/core-frontend/src/custom-component/common/CommonStyleSet.vue
@@ -153,7 +153,7 @@
           </div>
         </el-tooltip>
         <template v-if="styleForm.textAlign">
-          <div class="m-divider"></div>
+          <div class="m-divider" :class="'custom-divider-' + themes"></div>
           <el-tooltip effect="dark" placement="bottom">
             <template #content>
               {{ t('chart.text_pos_left') }}
@@ -466,6 +466,14 @@ watch(
   height: 18px;
   background: rgba(31, 35, 41, 0.15);
 }
+
+.custom-divider-light {
+  background-color: rgba(31, 35, 41, 0.15);
+}
+
+.custom-divider-dark {
+  background-color: #757575;
+}
 .form-item {
   &.no-margin-bottom {
     margin-bottom: 0 !important;
diff --git a/core/core-frontend/src/custom-component/de-time-clock/TimeDefault.vue b/core/core-frontend/src/custom-component/de-time-clock/TimeDefault.vue
index 2643e1835e..6d78612df6 100644
--- a/core/core-frontend/src/custom-component/de-time-clock/TimeDefault.vue
+++ b/core/core-frontend/src/custom-component/de-time-clock/TimeDefault.vue
@@ -1,5 +1,8 @@
 <template>
-  <div style="width: 100%; height: 100%; display: flex; align-items: center">
+  <div
+    style="width: 100%; height: 100%; display: flex; align-items: center"
+    :style="{ 'justify-content': element.style.textAlign }"
+  >
     <p>{{ state.nowDate }}</p>
   </div>
 </template>