Move the sticky class to teh to the thead instead

This removes some code duplication.
input-output-hk · Mar 27, 2024 · f1e7508 · f1e7508
1 parent 6f88e62
commit f1e7508
Showing 1 changed file with 9 additions and 9 deletions.
diff --git a/hydra-explorer/web/src/components/HeadsTable/index.tsx b/hydra-explorer/web/src/components/HeadsTable/index.tsx
@@ -20,16 +20,16 @@ const HeadsTable: React.FC = () => {
                 <p className="text-red-500">{error}</p>
             ) : (
                 <div className="w-full">
-                    <table className="table-fixed w-full bg-gray-800 text-white rounded-lg">
-                        <thead className="sticky top-0">
+                    <table className="table-fixed w-full rounded-lg">
+                        <thead className="sticky top-0 text-center px-4 py-2 bg-gray-800">
                             <tr>
-                                <th className="sticky top-0 text-center px-4 py-2 bg-gray-800 text-white">Head ID</th>
-                                <th className="sticky top-0 text-center px-4 py-2 bg-gray-800 text-white">Status</th>
-                                <th className="sticky top-0 text-center px-4 py-2 bg-gray-800 text-white">Slot Number</th>
-                                <th className="sticky top-0 text-center px-4 py-2 bg-gray-800 text-white">Block Number</th>
-                                <th className="sticky top-0 text-center px-4 py-2 bg-gray-800 text-white">Block Hash</th>
-                                <th className="sticky top-0 text-center px-4 py-2 bg-gray-800 text-white">Value Locked</th>
-                                <th className="sticky top-0 text-center px-4 py-2 bg-gray-800 text-white">Details</th>
+                                <th>Head ID</th>
+                                <th>Status</th>
+                                <th>Slot Number</th>
+                                <th>Block Number</th>
+                                <th>Block Hash</th>
+                                <th>Value Locked</th>
+                                <th>Details</th>
                             </tr>
                         </thead>
                         <tbody>