From c9f75641ca82dabe310152c7669208fe9c2b8913 Mon Sep 17 00:00:00 2001
From: Fine <fanxue0830@gmail.com>
Date: Tue, 7 Feb 2023 14:10:46 +0800
Subject: [PATCH] fix: update style

---
 src/locales/lang/en.ts                        |  4 ++--
 src/locales/lang/es.ts                        |  4 ++--
 src/locales/lang/zh.ts                        |  4 ++--
 src/views/dashboard/Edit.vue                  |  1 +
 src/views/dashboard/components/WidgetLink.vue | 15 ++++++++-------
 5 files changed, 15 insertions(+), 13 deletions(-)

diff --git a/src/locales/lang/en.ts b/src/locales/lang/en.ts
index ae262ac7..f39229f7 100644
--- a/src/locales/lang/en.ts
+++ b/src/locales/lang/en.ts
@@ -182,7 +182,7 @@ const msg = {
   iframeWidgetTip: "Add a link to a widget",
   iframeSrc: "Iframe Link",
   generateLink: "Generate Link",
-  setDuration: "Set Duration",
+  setDuration: "Lock Query Duration",
   openFunction: "OpenFunction",
   seconds: "Seconds",
   hourTip: "Select Hour",
@@ -202,7 +202,7 @@ const msg = {
   topology: "Topology",
   trace: "Trace",
   alarm: "Alerting",
-  auto: "Auto",
+  auto: "Auto Fresh",
   reload: "Reload",
   version: "Version",
   copy: "Copy",
diff --git a/src/locales/lang/es.ts b/src/locales/lang/es.ts
index 16ce8d41..df7e54c7 100644
--- a/src/locales/lang/es.ts
+++ b/src/locales/lang/es.ts
@@ -165,7 +165,7 @@ const msg = {
   iframeWidgetTip: "Añadir enlaces a los gadgets",
   iframeSrc: "Enlace Iframe",
   generateLink: "Generar enlaces",
-  setDuration: "Establecer la duración",
+  setDuration: "Duración de la consulta de bloqueo",
   openFunction: "OpenFunction",
   seconds: "Segundos",
   hourTip: "Seleccione Hora",
@@ -200,7 +200,7 @@ const msg = {
   topology: "Topología",
   trace: "Traza",
   alarm: "Recordatorio en curso",
-  auto: "Auto",
+  auto: "Auto Fresh",
   reload: "Recargar",
   version: "Versión",
   copy: "Copiar",
diff --git a/src/locales/lang/zh.ts b/src/locales/lang/zh.ts
index ab93799a..d43cdeb0 100644
--- a/src/locales/lang/zh.ts
+++ b/src/locales/lang/zh.ts
@@ -179,7 +179,7 @@ const msg = {
   iframeWidgetTip: "添加widget的链接",
   iframeSrc: "Iframe链接",
   generateLink: "生成链接",
-  setDuration: "设置时间区间",
+  setDuration: "锁定查询持续时间",
   openFunction: "OpenFunction",
   seconds: "秒",
   hourTip: "选择小时",
@@ -199,7 +199,7 @@ const msg = {
   trace: "追踪",
   alarm: "告警",
   event: "事件",
-  auto: "自动",
+  auto: "自动更新",
   reload: "刷新",
   editmode: "编辑模式",
   version: "版本",
diff --git a/src/views/dashboard/Edit.vue b/src/views/dashboard/Edit.vue
index 7b78e9e3..88cf5c8f 100644
--- a/src/views/dashboard/Edit.vue
+++ b/src/views/dashboard/Edit.vue
@@ -32,6 +32,7 @@ limitations under the License. -->
     </el-dialog>
     <el-dialog
       v-model="dashboardStore.showLinkConfig"
+      width="800px"
       :destroy-on-close="true"
       @closed="dashboardStore.setWidgetLink(false)"
     >
diff --git a/src/views/dashboard/components/WidgetLink.vue b/src/views/dashboard/components/WidgetLink.vue
index 9690908d..4d4849fa 100644
--- a/src/views/dashboard/components/WidgetLink.vue
+++ b/src/views/dashboard/components/WidgetLink.vue
@@ -15,20 +15,20 @@ limitations under the License. -->
 <template>
   <div class="link-content">
     <div>
-      <label class="mr-5">{{ t("setDuration") }}</label>
+      <label>{{ t("setDuration") }}</label>
       <el-switch v-model="hasDuration" />
     </div>
     <div v-if="hasDuration">
-      <label class="mr-20">{{ t("duration") }}</label>
+      <label>{{ t("duration") }}</label>
       <TimePicker
         :value="[appStore.durationRow.start, appStore.durationRow.end]"
-        position="bottom"
+        position="right"
         format="YYYY-MM-DD HH:mm"
         @input="changeTimeRange"
       />
     </div>
     <div v-if="!hasDuration">
-      <span class="label-auto">{{ t("auto") }}</span>
+      <label>{{ t("auto") }}</label>
       <el-switch class="mr-5" v-model="auto" style="height: 25px" />
       <Selector v-model="freshOpt" :options="RefreshOptions" size="small" />
     </div>
@@ -142,10 +142,11 @@ limitations under the License. -->
     height: 300px;
     font-size: 12px;
     overflow: auto;
-    padding-bottom: 10px;
+    padding-bottom: 50px;
   }
 
-  .label-auto {
-    margin-right: 45px;
+  label {
+    display: inline-block;
+    width: 250px;
   }
 </style>