style: Fix the problem where dropdown text is too long to display properly. (#9378)

This commit is contained in:
CityFun 2025-07-02 18:49:34 +08:00 committed by GitHub
parent 1f6ea9f494
commit 735b44856e
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -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>