fix: some ui issue

nervosnetwork · Nov 22, 2023 · 13f0aba · 13f0aba · github-actions · Nov 22, 2023
1 parent 1f53a28
commit 13f0aba
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/packages/neuron-ui/src/components/NetworkSetting/index.tsx b/packages/neuron-ui/src/components/NetworkSetting/index.tsx
@@ -101,7 +101,11 @@ const NetworkSetting = ({ chain = chainState, settings: { networks = [] } }: Sta
           value: network.id,
           label: (
             <div className={styles.networkLabel}>
-              <p>{`${network.name} (${network.remote})`}</p>
+              <p>{`${network.name} (${
+                network.remote.length > 40
+                  ? `${network.remote.slice(0, 20)}...${network.remote.slice(-20)}`
+                  : network.remote
+              })`}</p>
               <div className={styles.tag}>{t(getNetworkLabelI18nkey(network.chain))}</div>
             </div>
           ),

diff --git a/packages/neuron-ui/src/components/TransactionStatusWrap/transactionStatusWrap.module.scss b/packages/neuron-ui/src/components/TransactionStatusWrap/transactionStatusWrap.module.scss
@@ -20,5 +20,6 @@
     color: #999;
     font-size: 12px;
     margin-left: 4px;
+    white-space: nowrap;
   }
 }