From 9fbbb87fa8c34c9c6b4876390d7b1b591e105d2c Mon Sep 17 00:00:00 2001
From: Jiangchunfu <mrj_kevin@163.com>
Date: Tue, 9 Jul 2024 14:17:44 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B0=8F=E5=8A=9F=E8=83=BD=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=20(#329)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* feat(换肤设置优化): 边距的颜色优化成背景色一致

* feat: 问卷设置优化
---
 .../management/pages/edit/components/QuestionWrapper.vue | 2 +-
 .../materials/questions/QuestionRuleContainer/style.scss | 2 +-
 web/src/materials/setters/widgets/QuestionTime.vue       | 2 ++
 web/src/materials/setters/widgets/QuestionTimeHour.vue   | 9 ++++++++-
 4 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/web/src/management/pages/edit/components/QuestionWrapper.vue b/web/src/management/pages/edit/components/QuestionWrapper.vue
index fa25395e..262153e1 100644
--- a/web/src/management/pages/edit/components/QuestionWrapper.vue
+++ b/web/src/management/pages/edit/components/QuestionWrapper.vue
@@ -163,7 +163,7 @@ const onMove = () => {}
   padding: 0.36rem 0 0.36rem;
   border: 1px solid transparent;
   &.spliter {
-    border-bottom: 0.12rem solid $spliter-color;
+    border-bottom: 0.12rem solid var(--primary-background-color);
   }
 
   &.mouse-hover {
diff --git a/web/src/materials/questions/QuestionRuleContainer/style.scss b/web/src/materials/questions/QuestionRuleContainer/style.scss
index fc676f84..10fca671 100644
--- a/web/src/materials/questions/QuestionRuleContainer/style.scss
+++ b/web/src/materials/questions/QuestionRuleContainer/style.scss
@@ -94,7 +94,7 @@
   }
 
   &.spliter {
-    border-bottom: 0.12rem solid $spliter-color;
+    border-bottom: 0.12rem solid var(--primary-background-color);
   }
 
   .sort-tip {
diff --git a/web/src/materials/setters/widgets/QuestionTime.vue b/web/src/materials/setters/widgets/QuestionTime.vue
index 6fa5a6e0..2a20ea8a 100644
--- a/web/src/materials/setters/widgets/QuestionTime.vue
+++ b/web/src/materials/setters/widgets/QuestionTime.vue
@@ -73,7 +73,9 @@ watch(
 </script>
 <style lang="scss" scoped>
 .custom-time-range {
+  width: 100%;
   display: flex;
+  justify-content: space-between;
 
   .seporator {
     margin: 0 10px;
diff --git a/web/src/materials/setters/widgets/QuestionTimeHour.vue b/web/src/materials/setters/widgets/QuestionTimeHour.vue
index 2b9b06a8..88c37add 100644
--- a/web/src/materials/setters/widgets/QuestionTimeHour.vue
+++ b/web/src/materials/setters/widgets/QuestionTimeHour.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="time-hour">
     <el-config-provider :locale="locale">
       <el-time-picker
         is-range
@@ -105,4 +105,11 @@ watch(
     color: $primary-color;
   }
 }
+
+.time-hour {
+  width: 100%;
+  :deep(.el-date-editor) {
+    width: 100%;
+  }
+}
 </style>