From bbbc0120f5a80dac4f48c9298be8a7975ff82007 Mon Sep 17 00:00:00 2001
From: jianneng-fit2cloud <jianneng.pan@fit2cloud.com>
Date: Wed, 25 Dec 2024 19:02:07 +0800
Subject: [PATCH] =?UTF-8?q?style(=E5=9B=BE=E8=A1=A8):=20=E8=81=94=E5=8A=A8?=
 =?UTF-8?q?=E9=85=8D=E7=BD=AE=E5=BC=B9=E7=AA=97=E6=A0=87=E9=A2=98=E7=9A=84?=
 =?UTF-8?q?=E6=8F=90=E7=A4=BA=E4=BF=A1=E6=81=AF=E6=A1=86=E6=A0=B9=E6=8D=AE?=
 =?UTF-8?q?=E5=86=85=E5=AE=B9=E8=87=AA=E9=80=82=E5=BA=94=E5=AE=BD=E5=BA=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../visualization/LinkageSetOption.vue        | 20 ++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/core/core-frontend/src/components/visualization/LinkageSetOption.vue b/core/core-frontend/src/components/visualization/LinkageSetOption.vue
index 61f10dbbff..b147d3e4db 100644
--- a/core/core-frontend/src/components/visualization/LinkageSetOption.vue
+++ b/core/core-frontend/src/components/visualization/LinkageSetOption.vue
@@ -8,8 +8,8 @@ const props = defineProps({
   title: propTypes.string,
   baseWidth: {
     required: false,
-    type: Number,
-    default: 300
+    type: String,
+    default: '100%'
   },
   actionSelection: {
     required: true,
@@ -31,7 +31,13 @@ const { title, themes, actionSelection } = toRefs(props)
 </script>
 
 <template>
-  <el-popover placement="right-start" :width="baseWidth" trigger="click" :show-arrow="false">
+  <el-popover
+    placement="right-start"
+    width="auto"
+    :popper-style="'max-width:' + baseWidth"
+    trigger="click"
+    :show-arrow="false"
+  >
     <template #reference>
       <span class="option-set ed-dialog__title"
         >{{ t('visualization.linkage_setting') }}
@@ -40,10 +46,13 @@ const { title, themes, actionSelection } = toRefs(props)
     </template>
     <el-row>
       {{ t('visualization.select_linkage_tips') }}
+    </el-row>
+    <el-row>
       <el-radio-group
         style="margin-top: 12px"
         v-model="actionSelection.linkageActive"
         @change="selectionChange"
+        class="radio_group"
       >
         <el-radio label="custom"
           ><span style="font-weight: normal">
@@ -66,4 +75,9 @@ const { title, themes, actionSelection } = toRefs(props)
   left: 24px;
   top: 30px;
 }
+.radio_group {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+}
 </style>