fix: add position and z-index to footer for backdrop-filter to work

diff --git a/themes/danix-xyz-hacker/assets/css/main.css b/themes/danix-xyz-hacker/assets/css/main.css
index c1679ca5f033e0e5619aa6dd3510566b14dc71cf..d564e837213b23b2067ac83ed3276c0e1323db51 100644 (file)
--- a/themes/danix-xyz-hacker/assets/css/main.css
+++ b/themes/danix-xyz-hacker/assets/css/main.css
@@ -190,6 +190,8 @@ html.theme-light {
 
   /* Footer styling with strong frosting */
   footer {
+    position: relative;
+    z-index: 20;
     -webkit-backdrop-filter: blur(20px);
     backdrop-filter: blur(20px);
   }

diff --git a/themes/danix-xyz-hacker/assets/css/main.min.css b/themes/danix-xyz-hacker/assets/css/main.min.css
index ab0359afc0771531ba32eb2be74bf295b58007d0..f6d7dcb9f5eb5899484a58bb831814f4615cab4d 100644 (file)
--- a/themes/danix-xyz-hacker/assets/css/main.min.css
+++ b/themes/danix-xyz-hacker/assets/css/main.min.css
@@ -1292,6 +1292,8 @@ button,
 /* Footer styling with strong frosting */
 
 footer {
+  position: relative;
+  z-index: 20;
   -webkit-backdrop-filter: blur(20px);
   backdrop-filter: blur(20px);
 }
@@ -1375,6 +1377,10 @@ footer {
   z-index: 10;
 }
 
+.z-20 {
+  z-index: 20;
+}
+
 .z-40 {
   z-index: 40;
 }

diff --git a/themes/danix-xyz-hacker/layouts/partials/footer.html b/themes/danix-xyz-hacker/layouts/partials/footer.html
index fb02f8848bae3be2c6867cc538693e91ac911b4b..27b2cb03920f07d439bf1306ea82e0db8cdf3273 100644 (file)
--- a/themes/danix-xyz-hacker/layouts/partials/footer.html
+++ b/themes/danix-xyz-hacker/layouts/partials/footer.html
@@ -1,4 +1,4 @@
-<footer class="mt-16 border-t py-12" style="background-color: rgba(var(--bg2-rgb), 0.85); box-shadow: 0 0 20px var(--accent-glow);">
+<footer class="mt-16 border-t py-12 relative z-20" style="background-color: rgba(var(--bg2-rgb), 0.85); box-shadow: 0 0 20px var(--accent-glow);">
   <div class="container mx-auto px-4">
     <div class="grid md:grid-cols-3 gap-8 mb-8">
       <!-- About -->