From bef7a5713c7e1a1ff9644f9c9705dcf5eb46db7a Mon Sep 17 00:00:00 2001
From: chenyan <sgt39007@163.com>
Date: Sat, 29 Jul 2023 10:43:54 +0800
Subject: [PATCH] fix: issue 223

---
 .../src/components/SpecialAssetList/index.tsx         |  8 +++++++-
 .../SpecialAssetList/specialAssetList.module.scss     | 11 ++++++++---
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/packages/neuron-ui/src/components/SpecialAssetList/index.tsx b/packages/neuron-ui/src/components/SpecialAssetList/index.tsx
index 3917f8350d..1f1c1e6f46 100644
--- a/packages/neuron-ui/src/components/SpecialAssetList/index.tsx
+++ b/packages/neuron-ui/src/components/SpecialAssetList/index.tsx
@@ -35,6 +35,7 @@ import SUDTMigrateToNewAccountDialog from 'components/SUDTMigrateToNewAccountDia
 import SUDTMigrateToExistAccountDialog from 'components/SUDTMigrateToExistAccountDialog'
 import PageContainer from 'components/PageContainer'
 import NFTSend from 'components/NFTSend'
+import TableNoData from 'widgets/Icons/TableNoData.png'
 import { useGetAssetAccounts, useGetSpecialAssetColumnInfo } from './hooks'
 
 import styles from './specialAssetList.module.scss'
@@ -470,7 +471,12 @@ const SpecialAssetList = () => {
           noDataContent={t('overview.no-recent-activities')}
         />
       ) : null}
-      {totalCount || !loaded ? null : <div className={styles.noItems}>{t('special-assets.no-special-assets')}</div>}
+      {totalCount || !loaded ? null : (
+        <div className={styles.noRecords}>
+          <img src={TableNoData} alt="No Data" />
+          {t('special-assets.no-special-assets')}
+        </div>
+      )}
 
       <div className={styles.pagination}>
         {totalCount ? (
diff --git a/packages/neuron-ui/src/components/SpecialAssetList/specialAssetList.module.scss b/packages/neuron-ui/src/components/SpecialAssetList/specialAssetList.module.scss
index 06e36ce65b..f78a94ef52 100644
--- a/packages/neuron-ui/src/components/SpecialAssetList/specialAssetList.module.scss
+++ b/packages/neuron-ui/src/components/SpecialAssetList/specialAssetList.module.scss
@@ -6,9 +6,14 @@
   }
 }
 
-.noItems {
-  @include medium-text;
-  padding: 20px 13px;
+.noRecords {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: 8px;
+  margin-top: 150px;
+  font-size: 14px;
 }
 
 .migrateSelectDialog {