fix: update style

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",

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",

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: "版本",

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)"
     >

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 {
+  label {
-    margin-right: 45px;
+    display: inline-block;
+    width: 250px;
   }
 </style>