From 0d524e1ba215590e4d6d251fe9daf9a2aac420b8 Mon Sep 17 00:00:00 2001
From: lan-yonghui <81747598+lan-yonghui@users.noreply.github.com>
Date: Tue, 14 May 2024 10:04:32 +0800
Subject: [PATCH] fix: style issue of dialog component icon (#5910)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

#### What type of PR is this?

/kind bug
/area core
/area ui

#### What this PR does / why we need it:

dialog 组件在标题内容过多的时候，icon 会很小，样式出现错位！

#### Does this PR introduce a user-facing change?

```release-note
修复当 Dialog 标题过长时，提示图标的样式问题。
```
---
 ui/packages/components/src/components/dialog/Dialog.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui/packages/components/src/components/dialog/Dialog.vue b/ui/packages/components/src/components/dialog/Dialog.vue
index 247bec2c99..60466863b7 100644
--- a/ui/packages/components/src/components/dialog/Dialog.vue
+++ b/ui/packages/components/src/components/dialog/Dialog.vue
@@ -109,7 +109,7 @@ const handleClose = () => {
         <component
           :is="icons[type].icon"
           :class="`text-${icons[type].color}-500`"
-          class="w-6 h-6"
+          class="w-6 h-6 flex-none"
         ></component>
         <div class="text-base text-gray-900 font-bold">{{ title }}</div>
       </div>