Add functionality for dynamic header movement, design tweaks

src/styles/index.css

@@ -3370,6 +3370,10 @@ table {
   margin-left: 1px;
 }
 
+.max-h-35 {
+  max-height: 35rem;
+}
+
 .max-h-xs {
   max-height: 20rem;
 }
@@ -5774,6 +5778,18 @@ table {
   z-index: 50;
 }
 
+.z--3 {
+  z-index: -3;
+}
+
+.z--2 {
+  z-index: -2;
+}
+
+.z--1 {
+  z-index: -1;
+}
+
 .z-auto {
   z-index: auto;
 }
@@ -8508,6 +8524,10 @@ table {
     margin-left: 1px;
   }
 
+  .sm\:max-h-35 {
+    max-height: 35rem;
+  }
+
   .sm\:max-h-xs {
     max-height: 20rem;
   }
@@ -10896,6 +10916,18 @@ table {
     z-index: 50;
   }
 
+  .sm\:z--3 {
+    z-index: -3;
+  }
+
+  .sm\:z--2 {
+    z-index: -2;
+  }
+
+  .sm\:z--1 {
+    z-index: -1;
+  }
+
   .sm\:z-auto {
     z-index: auto;
   }
@@ -13631,6 +13663,10 @@ table {
     margin-left: 1px;
   }
 
+  .md\:max-h-35 {
+    max-height: 35rem;
+  }
+
   .md\:max-h-xs {
     max-height: 20rem;
   }
@@ -16019,6 +16055,18 @@ table {
     z-index: 50;
   }
 
+  .md\:z--3 {
+    z-index: -3;
+  }
+
+  .md\:z--2 {
+    z-index: -2;
+  }
+
+  .md\:z--1 {
+    z-index: -1;
+  }
+
   .md\:z-auto {
     z-index: auto;
   }
@@ -18754,6 +18802,10 @@ table {
     margin-left: 1px;
   }
 
+  .lg\:max-h-35 {
+    max-height: 35rem;
+  }
+
   .lg\:max-h-xs {
     max-height: 20rem;
   }
@@ -21142,6 +21194,18 @@ table {
     z-index: 50;
   }
 
+  .lg\:z--3 {
+    z-index: -3;
+  }
+
+  .lg\:z--2 {
+    z-index: -2;
+  }
+
+  .lg\:z--1 {
+    z-index: -1;
+  }
+
   .lg\:z-auto {
     z-index: auto;
   }
@@ -23877,6 +23941,10 @@ table {
     margin-left: 1px;
   }
 
+  .xl\:max-h-35 {
+    max-height: 35rem;
+  }
+
   .xl\:max-h-xs {
     max-height: 20rem;
   }
@@ -26265,6 +26333,18 @@ table {
     z-index: 50;
   }
 
+  .xl\:z--3 {
+    z-index: -3;
+  }
+
+  .xl\:z--2 {
+    z-index: -2;
+  }
+
+  .xl\:z--1 {
+    z-index: -1;
+  }
+
   .xl\:z-auto {
     z-index: auto;
   }