From a738932e6853bd04e1bed2762d69bd3f8f45e4f7 Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <79562285+wangdan-fit2cloud@users.noreply.github.com>
Date: Wed, 5 Mar 2025 15:05:33 +0800
Subject: [PATCH] perf: the form collection component optimized on the
 mobile(#2467)

---
 ui/src/components/dynamics-form/items/radio/RadioCard.vue | 5 +++--
 ui/src/styles/element-plus.scss                           | 2 +-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/ui/src/components/dynamics-form/items/radio/RadioCard.vue b/ui/src/components/dynamics-form/items/radio/RadioCard.vue
index 4e5577569..5aabdd9f4 100644
--- a/ui/src/components/dynamics-form/items/radio/RadioCard.vue
+++ b/ui/src/components/dynamics-form/items/radio/RadioCard.vue
@@ -5,8 +5,9 @@
         <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
           <el-card
             :key="item.value"
-            class="item"
+            class="item break-all"
             shadow="never"
+            style="--el-card-padding: 12px 16px"
             :class="[
               inputDisabled ? 'is-disabled' : '',
               modelValue == item[valueField] ? 'active' : ''
@@ -93,8 +94,8 @@ const option_list = computed(() => {
     color: var(--el-color-primary);
   }
   .item {
+    line-height: 22px;
     cursor: pointer;
-    height: 38px;
     display: flex;
     justify-content: center;
     align-items: center;
diff --git a/ui/src/styles/element-plus.scss b/ui/src/styles/element-plus.scss
index 3b64fdcb5..b3dab279a 100644
--- a/ui/src/styles/element-plus.scss
+++ b/ui/src/styles/element-plus.scss
@@ -419,6 +419,6 @@
   color: var(--el-checkbox-text-color);
 }
 
-.el-popper {
+.el-table .el-popper {
   max-width: 500px !important;
 }
\ No newline at end of file