diff options
| -rw-r--r-- | themes/danix-xyz-hacker/assets/css/main.css | 7 | ||||
| -rw-r--r-- | themes/danix-xyz-hacker/assets/css/main.min.css | 7 | ||||
| -rw-r--r-- | themes/danix-xyz-hacker/layouts/partials/footer.html | 2 |
3 files changed, 9 insertions, 7 deletions
diff --git a/themes/danix-xyz-hacker/assets/css/main.css b/themes/danix-xyz-hacker/assets/css/main.css index b7d2219..c1679ca 100644 --- a/themes/danix-xyz-hacker/assets/css/main.css +++ b/themes/danix-xyz-hacker/assets/css/main.css @@ -188,9 +188,10 @@ html.theme-light { /* border applied via utility classes in templates */ } - /* Footer variant: test - fully opaque background */ - footer.frosted-bar { - background-color: rgba(var(--bg2-rgb), 1) !important; + /* Footer styling with strong frosting */ + footer { + -webkit-backdrop-filter: blur(20px); + backdrop-filter: blur(20px); } /* Border utilities for frosted-bar component */ diff --git a/themes/danix-xyz-hacker/assets/css/main.min.css b/themes/danix-xyz-hacker/assets/css/main.min.css index 615e462..ab0359a 100644 --- a/themes/danix-xyz-hacker/assets/css/main.min.css +++ b/themes/danix-xyz-hacker/assets/css/main.min.css @@ -1289,10 +1289,11 @@ button, /* border applied via utility classes in templates */ } -/* Footer variant: test - fully opaque background */ +/* Footer styling with strong frosting */ -footer.frosted-bar { - background-color: rgba(var(--bg2-rgb), 1) !important; +footer { + -webkit-backdrop-filter: blur(20px); + backdrop-filter: blur(20px); } /* Border utilities for frosted-bar component */ diff --git a/themes/danix-xyz-hacker/layouts/partials/footer.html b/themes/danix-xyz-hacker/layouts/partials/footer.html index 18bcf08..fb02f88 100644 --- 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); backdrop-filter: blur(20px); box-shadow: 0 0 20px var(--accent-glow);"> +<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);"> <div class="container mx-auto px-4"> <div class="grid md:grid-cols-3 gap-8 mb-8"> <!-- About --> |