From cf0e1face1749f829855bf0d935ed2abffe69226 Mon Sep 17 00:00:00 2001
From: Saiki <saiki_x@163.com>
Date: Wed, 30 Oct 2024 11:24:13 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D#601[WebUI]=20=E8=A1=A8?=
 =?UTF-8?q?=E6=A0=BC=E5=86=85=E5=86=85=E5=AE=B9=E6=9C=89=E6=97=B6=E6=9C=89?=
 =?UTF-8?q?=E5=81=8F=E7=A7=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/banlist/components/banListItem.vue   | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/webui/src/views/banlist/components/banListItem.vue b/webui/src/views/banlist/components/banListItem.vue
index f7edd5f2b0..b503b644fd 100644
--- a/webui/src/views/banlist/components/banListItem.vue
+++ b/webui/src/views/banlist/components/banListItem.vue
@@ -4,6 +4,7 @@
     size="medium"
     class="banlist-item"
     :layout="(['inline-vertical', 'horizontal'] as const)[descriptionLayout]"
+    table-layout="fixed"
   >
     <template #title>
       <a-space fill style="display: flex; justify-content: space-between">
@@ -199,7 +200,7 @@ const handleUnban = async (address: string) => {
 }
 </script>
 
-<style scoped>
+<style lang="less" scoped>
 .red {
   color: red;
 }
@@ -223,3 +224,18 @@ a {
   opacity: 1;
 }
 </style>
+<style lang="less">
+.banlist-item {
+  div {
+    table {
+      tbody {
+        tr {
+          td.arco-descriptions-item-label {
+            width: 100px;
+          }
+        }
+      }
+    }
+  }
+}
+</style>