fix. tx history list item font size

onbloc · Dec 26, 2023 · 0fde8af · 0fde8af
1 parent 1890f53
commit 0fde8af
Showing 1 changed file with 18 additions and 19 deletions.
diff --git a/packages/adena-extension/src/pages/wallet/history/index.tsx b/packages/adena-extension/src/pages/wallet/history/index.tsx
@@ -15,22 +15,23 @@ import useScrollHistory from '@hooks/use-scroll-history';
 import { HISTORY_FETCH_INTERVAL_TIME } from '@common/constants/interval.constant';
 import { fonts } from '@styles/theme';
 
-const HistoryLayout = styled.div`
+const StyledHistoryLayout = styled.div`
   display: flex;
   flex-direction: column;
   width: 100%;
   height: auto;
   padding: 24px 20px;
   margin-bottom: 60px;
+`;
 
-  .title-wrapper {
-    margin-bottom: 12px;
+const StyledTitleWrapper = styled.div`
+  margin-bottom: 12px;
+`;
 
-    .title {
-      ${fonts.header4};
-    }
-  }
+const StyledTitle = styled.span`
+  ${fonts.header4};
 `;
+
 const HistoryContainer: React.FC = () => {
   const navigate = useNavigate();
   const { currentAddress } = useCurrentAccount();
@@ -163,18 +164,16 @@ const HistoryContainer: React.FC = () => {
   );
 
   return (
-    <HistoryLayout>
-      <div className='title-wrapper'>
-        <span className='title'>History</span>
-      </div>
-      <div className='transaction-history-wrapper'>
-        <TransactionHistory
-          status={status}
-          transactionInfoLists={TransactionHistoryMapper.queryToDisplay(data?.pages ?? [])}
-          onClickItem={onClickItem}
-        />
-      </div>
-    </HistoryLayout>
+    <StyledHistoryLayout>
+      <StyledTitleWrapper>
+        <StyledTitle>History</StyledTitle>
+      </StyledTitleWrapper>
+      <TransactionHistory
+        status={status}
+        transactionInfoLists={TransactionHistoryMapper.queryToDisplay(data?.pages ?? [])}
+        onClickItem={onClickItem}
+      />
+    </StyledHistoryLayout>
   );
 };