fix: fix layout of empty tx list

Magickbase · Sep 7, 2022 · 53c9963 · 53c9963
1 parent 2f5b548
commit 53c9963
Showing 1 changed file with 9 additions and 7 deletions.
diff --git a/pages/txs/index.tsx b/pages/txs/index.tsx
@@ -148,11 +148,7 @@ const TxList = () => {
     <>
       <SubpageHead subtitle={title} />
       <Container sx={{ px: { xs: 2, sm: 3, md: 2, lg: 0 }, pb: { xs: 5.5, md: 11 } }}>
-        <PageTitle>
-          <Typography variant="inherit" display="inline" pr={1}>
-            {title}
-          </Typography>
-        </PageTitle>
+        <PageTitle>{title}</PageTitle>
         <Box
           sx={{
             borderRadius: {
@@ -163,13 +159,19 @@ const TxList = () => {
               xs: '0.5px solid #F0F0F0',
               md: '1px solid #F0F0F0',
             },
-            pt: { xs: 1.5, md: 2 },
             mt: { xs: 2, md: 3 },
             bgcolor: '#fff',
           }}
         >
           {txList.entries.length >= 2 ? (
-            <Stack direction="row" flexWrap="wrap" alignItems="center" mb={{ xs: 1.5, md: 2 }} px={{ xs: 1.5, md: 3 }}>
+            <Stack
+              direction="row"
+              flexWrap="wrap"
+              alignItems="center"
+              mb={{ xs: 1.5, md: 2 }}
+              px={{ xs: 1.5, md: 3 }}
+              pt={{ xs: 1.5, md: 2 }}
+            >
               <Typography variant="inherit" color="secondary" fontWeight={500} fontSize={{ xs: 14, md: 16 }}>
                 {isPendingList
                   ? t('tx_in_mem_pool')