From 735b44856e41d29e403f14a677bcb0df95595259 Mon Sep 17 00:00:00 2001
From: CityFun <31820853+zhengkunwang223@users.noreply.github.com>
Date: Wed, 2 Jul 2025 18:49:34 +0800
Subject: [PATCH] style: Fix the problem where dropdown text is too long to
 display properly. (#9378)

---
 frontend/src/views/website/ssl/create/index.vue | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/website/ssl/create/index.vue b/frontend/src/views/website/ssl/create/index.vue
index 9d7c73f2e..9ea7d6624 100644
--- a/frontend/src/views/website/ssl/create/index.vue
+++ b/frontend/src/views/website/ssl/create/index.vue
@@ -36,7 +36,7 @@
                     >
                         <el-row>
                             <el-col :span="20">
-                                <span>{{ acme.email }}</span>
+                                <span class="dns-name">{{ acme.email }}</span>
                             </el-col>
                             <el-col :span="4">
                                 <span>
@@ -80,7 +80,7 @@
                     >
                         <el-row>
                             <el-col :span="20">
-                                <span>{{ dns.name }}</span>
+                                <span class="dns-name">{{ dns.name }}</span>
                             </el-col>
                             <el-col :span="4">
                                 <span>
@@ -378,3 +378,13 @@ defineExpose({
     acceptParams,
 });
 </script>
+<style lang="scss" scoped>
+.dns-name {
+    display: inline-block;
+    max-width: 300px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    vertical-align: top;
+}
+</style>