From 4063f2e39c5055576bc2cc6e3f10f76aa839c6ba Mon Sep 17 00:00:00 2001
From: qianzhu <36325249+syt-honey@users.noreply.github.com>
Date: Thu, 17 Aug 2023 18:49:22 +0800
Subject: [PATCH] fix(style): fix empty img error (#2008)

---
 .../components/CloudStorage/CloudStorageFileList/index.tsx  | 6 +-----
 .../components/HomePage/RoomList/RoomListEmpty/index.tsx    | 3 +--
 2 files changed, 2 insertions(+), 7 deletions(-)

diff --git a/packages/flat-components/src/components/CloudStorage/CloudStorageFileList/index.tsx b/packages/flat-components/src/components/CloudStorage/CloudStorageFileList/index.tsx
index 619de3cc2d2..72112135c6d 100644
--- a/packages/flat-components/src/components/CloudStorage/CloudStorageFileList/index.tsx
+++ b/packages/flat-components/src/components/CloudStorage/CloudStorageFileList/index.tsx
@@ -162,11 +162,7 @@ export const CloudStorageFileList: React.FC<CloudStorageFileListProps> = ({
             {files.length <= 0 && (
                 <div className="cloud-storage-file-list-empty">
                     <div className="cloud-storage-file-list-empty-content">
-                        <img
-                            height={160}
-                            src={darkMode ? emptyFileDarkSVG : emptyFileSVG}
-                            width={160}
-                        />
+                        <img src={darkMode ? emptyFileDarkSVG : emptyFileSVG} width={210} />
                         <div className="cloud-storage-file-list-empty-text">{t("no-data")}</div>
                     </div>
                 </div>
diff --git a/packages/flat-components/src/components/HomePage/RoomList/RoomListEmpty/index.tsx b/packages/flat-components/src/components/HomePage/RoomList/RoomListEmpty/index.tsx
index 4d036f9ba6a..24da094c876 100644
--- a/packages/flat-components/src/components/HomePage/RoomList/RoomListEmpty/index.tsx
+++ b/packages/flat-components/src/components/HomePage/RoomList/RoomListEmpty/index.tsx
@@ -19,7 +19,6 @@ export const RoomListEmpty: React.FC<RoomListEmptyProps> = ({ isHistory }) => {
         <div className="room-list-empty">
             <img
                 alt="empty"
-                height="160px"
                 src={
                     isHistory
                         ? darkMode
@@ -29,7 +28,7 @@ export const RoomListEmpty: React.FC<RoomListEmptyProps> = ({ isHistory }) => {
                         ? emptyRoomDarkSVG
                         : emptyRoomSVG
                 }
-                width="160px"
+                width={160}
             />
             <span className="room-list-empty-content">
                 {isHistory ? t("no-record") : t("no-room")}