Table sticky header, page 0 padding

ome · Feb 21, 2023 · 0f9bdf1 · 0f9bdf1
1 parent ab8303c
commit 0f9bdf1
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/App.css b/src/App.css
@@ -2,6 +2,7 @@
   margin: 0 auto;
   padding: 2rem;
   text-align: center;
+  padding: 0;
 }
 
 table {
@@ -19,6 +20,8 @@ th {
   background-color: #f0f0f0;
   border: 1px solid #e0e0e0;
   border-bottom: 1px solid #111;
+  position: sticky;
+  top: 0;
 }
 
 td {

diff --git a/src/ImageItem.jsx b/src/ImageItem.jsx
@@ -108,7 +108,6 @@ export default function ImageItem({ source, zarr_columns }) {
   let wrapperStyle = {
     width: 150,
     height: 100,
-    position: "relative",
   };
 
   function renderColumn(col_name) {

diff --git a/src/Thumbnail.jsx b/src/Thumbnail.jsx
@@ -88,13 +88,11 @@ export default function Thumbnail({ source, attrs }) {
   }, []);
 
   return (
-    <div>
       <canvas
         style={{ maxWidth: 100, maxHeight: 100 }}
         ref={canvas}
         height={canvasSize.height}
         width={canvasSize.width}
       />
-    </div>
   );
 }