From 1ea75343276f7b0eb00715e6b981b04e2851a799 Mon Sep 17 00:00:00 2001
From: dewanakl <dewanakretarta29@gmail.com>
Date: Sun, 22 Dec 2024 11:08:14 +0700
Subject: [PATCH] fix(UI): add blur effect

---
 css/app.css    | 6 ++++--
 css/common.css | 6 ++++--
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/css/app.css b/css/app.css
index 7651cf2..b6c2f9a 100644
--- 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
index c4db19a..e5ce0dc 100644
--- 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 {