fix(UI): add blur effect

dewanakl · Dec 22, 2024 · 1ea7534 · 1ea7534
1 parent b68c472
commit 1ea7534
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/css/app.css b/css/app.css
@@ -32,11 +32,13 @@
 }
 
 .btn-float.bg-dark {
-    background-color: rgba(var(--bs-dark-rgb), 0.9) !important;
+    background-color: rgba(var(--bs-dark-rgb), 0.95) !important;
+    backdrop-filter: blur(0.625rem);
 }
 
 .btn-float.bg-light {
-    background-color: rgba(var(--bs-light-rgb), 0.9) !important;
+    background-color: rgba(var(--bs-light-rgb), 0.95) !important;
+    backdrop-filter: blur(0.625rem);
 }
 
 .loading-page {

diff --git a/css/common.css b/css/common.css
@@ -22,11 +22,13 @@ svg>path {
 }
 
 .navbar.bg-dark {
-    background-color: rgba(var(--bs-dark-rgb), 0.9) !important;
+    background-color: rgba(var(--bs-dark-rgb), 0.95) !important;
+    backdrop-filter: blur(0.625rem);
 }
 
 .navbar.bg-light {
-    background-color: rgba(var(--bs-light-rgb), 0.9) !important;
+    background-color: rgba(var(--bs-light-rgb), 0.95) !important;
+    backdrop-filter: blur(0.625rem);
 }
 
 .bg-theme-light {