feat(ui-updates): fixed responsiveness on the home page

hirosystems · Feb 9, 2024 · 5612ca1 · 5612ca1
1 parent f27786c
commit 5612ca1
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 8 deletions.
diff --git a/src/app/PageClient.tsx b/src/app/PageClient.tsx
@@ -1,14 +1,11 @@
 'use client';
 
 import dynamic from 'next/dynamic';
-import * as React from 'react';
 
 import { DEFAULT_BLOCKS_LIST_LIMIT, DEFAULT_LIST_LIMIT_SMALL } from '../common/constants/constants';
 import { useGlobalContext } from '../common/context/useAppContext';
 import { TxListTabs } from '../features/txs-list/tabs/TxListTabs';
-import { Flex } from '../ui/Flex';
 import { Grid } from '../ui/Grid';
-import { useColorMode } from '../ui/hooks/useColorMode';
 import { SkeletonBlockList } from './_components/BlockList/SkeletonBlockList';
 import { PageTitle } from './_components/PageTitle';
 import { Stats } from './_components/Stats/Stats';
@@ -27,7 +24,7 @@ export default function Home() {
       <Grid
         gap="7"
         width="full"
-        gridTemplateColumns={['100%', '100%', 'minmax(0, 0.6fr) minmax(0, 0.4fr)']}
+        gridTemplateColumns={['100%', '100%', '100%', 'minmax(0, 0.6fr) minmax(0, 0.4fr)']}
       >
         <TxListTabs limit={DEFAULT_LIST_LIMIT_SMALL} />
         <BlocksList limit={DEFAULT_BLOCKS_LIST_LIMIT} />

diff --git a/src/common/components/transaction-item.tsx b/src/common/components/transaction-item.tsx
@@ -96,27 +96,27 @@ export const AddressArea = React.memo(
     }
     if (tx.tx_type === 'contract_call') {
       return (
-        <Caption>
+        <Caption whiteSpace="nowrap">
           By <PrincipalLink principal={tx.sender_address} />
         </Caption>
       );
     }
     if (tx.tx_type === 'smart_contract') {
       return (
-        <Caption>
+        <Caption whiteSpace="nowrap">
           By <PrincipalLink principal={tx.sender_address} />
         </Caption>
       );
     }
     if (tx.tx_type === 'coinbase') {
       return (
-        <Caption>
+        <Caption whiteSpace="nowrap">
           Mined by <PrincipalLink principal={tx.sender_address} />
         </Caption>
       );
     }
     if (tx.tx_type === 'tenure_change') {
-      return <Caption>Cause: {tx.tenure_change_payload?.cause}</Caption>;
+      return <Caption whiteSpace="nowrap">Cause: {tx.tenure_change_payload?.cause}</Caption>;
     }
     return null;
   }