fix: Asset Accounts UI

nervosnetwork · Oct 14, 2024 · 60f81c3 · 60f81c3 · github-actions · Oct 14, 2024
1 parent ae4af6e
commit 60f81c3
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 17 deletions.
diff --git a/packages/neuron-ui/src/components/PageContainer/index.tsx b/packages/neuron-ui/src/components/PageContainer/index.tsx
@@ -132,22 +132,24 @@ const PageContainer: React.FC<ComponentProps> = props => {
         </div>
         {notice && <PageHeadNotice notice={notice} />}
       </div>
-      {showWaitForFullySynced && (
-        <Alert status="warn" className={styles.syncNotification}>
-          {t(`messages.codes.${ErrorCode.WaitForFullySynced}`)}
-          <Close className={styles.close} onClick={closeSyncNotice} />
-        </Alert>
-      )}
-      <div className={styles.body}>{children}</div>
-      <SetStartBlockNumberDialog
-        show={isSetStartBlockShown}
-        headerTipNumber={bestKnownBlockNumber}
-        initStartBlockNumber={walletStartBlockNumber ? Number(walletStartBlockNumber) : undefined}
-        isMainnet={isMainnet}
-        address={addresses[0]?.address}
-        onUpdateStartBlockNumber={onConfirm}
-        onCancel={closeDialog}
-      />
+      <div className={styles.content}>
+        {showWaitForFullySynced && (
+          <Alert status="warn" className={styles.syncNotification}>
+            {t(`messages.codes.${ErrorCode.WaitForFullySynced}`)}
+            <Close className={styles.close} onClick={closeSyncNotice} />
+          </Alert>
+        )}
+        <div className={styles.body}>{children}</div>
+        <SetStartBlockNumberDialog
+          show={isSetStartBlockShown}
+          headerTipNumber={bestKnownBlockNumber}
+          initStartBlockNumber={walletStartBlockNumber ? Number(walletStartBlockNumber) : undefined}
+          isMainnet={isMainnet}
+          address={addresses[0]?.address}
+          onUpdateStartBlockNumber={onConfirm}
+          onCancel={closeDialog}
+        />
+      </div>
     </div>
   )
 }

diff --git a/packages/neuron-ui/src/components/PageContainer/pageContainer.module.scss b/packages/neuron-ui/src/components/PageContainer/pageContainer.module.scss
@@ -3,7 +3,6 @@
 .page {
   background: var(--main-background-color);
   color: var(--main-text-color);
-  padding: 0 24px;
   position: relative;
   display: flex;
   flex-direction: column;
@@ -15,6 +14,7 @@
     align-items: center;
     height: 72px;
     margin: 0;
+    padding: 0 24px;
     font-size: 20px;
     font-weight: 500;
     justify-content: space-between;
@@ -78,6 +78,9 @@
       }
     }
   }
+  .content {
+    padding: 0 24px;
+  }
 }
 
 .notice {