feat(apps/web): Improve responsive design for latest entries tables

cartesi · Feb 3, 2025 · d289b2f · d289b2f
1 parent 9edcfb1
commit d289b2f
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/apps/web/src/components/applications/latestInputsTable.tsx b/apps/web/src/components/applications/latestInputsTable.tsx
@@ -32,7 +32,11 @@ const LatestInputsTable: FC<LatestInputsTableProps> = ({
     }, []);
 
     return (
-        <Table width="100%" miw={500} style={{ borderCollapse: "collapse" }}>
+        <Table
+            width="100%"
+            miw="max-content"
+            style={{ borderCollapse: "collapse" }}
+        >
             <Table.Thead>
                 <Table.Tr>
                     <Table.Th>From</Table.Th>

diff --git a/apps/web/src/components/latestEntries.tsx b/apps/web/src/components/latestEntries.tsx
@@ -56,7 +56,7 @@ export const LatestEntriesCard: FC<LatestEntriesCard> = (props) => {
                 </Text>
             </Group>
 
-            <Group gap={5}>
+            <Group gap={5} style={{ overflowX: "auto" }}>
                 <LatestEntriesTable
                     entries={entries}
                     fetching={fetching}

diff --git a/apps/web/src/components/latestEntriesTable.tsx b/apps/web/src/components/latestEntriesTable.tsx
@@ -30,7 +30,11 @@ const LatestEntriesTable: FC<LatestEntriesTableProps> = ({
     }, []);
 
     return (
-        <Table>
+        <Table
+            width="100%"
+            miw="max-content"
+            style={{ borderCollapse: "collapse" }}
+        >
             <Table.Thead>
                 <Table.Tr>
                     <Table.Th>Address</Table.Th>