fix padding and zindex on schedule sticky header

ethb3rlin · May 25, 2024 · d688db2 · d688db2
1 parent 0e8ccc6
commit d688db2
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/src/pages/schedule.jsx b/src/pages/schedule.jsx
@@ -440,7 +440,7 @@ const Program = () => {
           {/* Hacker Essentials vs Extravaganza */}
 
           <div
-            className={`flex items-center justify-center w-full sticky -top-1 py-4 text-center  ${
+            className={`flex items-center justify-center w-full sticky -top-1 py-4 text-center schedule-sticky ${
               isSticky ? "bg-white" : ""
             }`}
             ref={toggleRef}

diff --git a/src/styles/global.css b/src/styles/global.css
@@ -106,6 +106,12 @@
   @apply bg-[rgba(255,255,255,0.65)] p-6; /* Customize as needed */
 }
 
+
+.schedule-sticky {
+  width: calc(100% + 3rem);
+    margin-left: -1.5rem;
+    z-index: 2;
+}
 body {
   margin: 0;
   -webkit-font-smoothing: antialiased;
@@ -178,7 +184,7 @@ body::before {
   }
 }
 
-/* 
+/*
 #__gatsby, #gatsby-focus-wrapper {
   height: 100vh; */
 /* background: url(grain-opacity.png), linear-gradient(5deg, #3A2F18 -25%, #0E0C06 15% ); */