From a79e6291640181c22b9deb7847380d32e2b3d0d9 Mon Sep 17 00:00:00 2001
From: chark1es <charles15851@gmail.com>
Date: Sat, 8 Mar 2025 02:29:57 -0800
Subject: [PATCH] add overlay

---
 src/components/dashboard/SettingsSection.astro | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/components/dashboard/SettingsSection.astro b/src/components/dashboard/SettingsSection.astro
index 8723219..231bb7c 100644
--- a/src/components/dashboard/SettingsSection.astro
+++ b/src/components/dashboard/SettingsSection.astro
@@ -52,8 +52,20 @@ import DisplaySettings from "./SettingsSection/DisplaySettings";
 
     <!-- Notification Settings Card -->
     <div
-        class="card bg-base-100 shadow-xl border border-base-200 hover:border-primary transition-all duration-300 hover:-translate-y-1 transform mb-6"
+        class="card bg-base-100 shadow-xl border border-base-200 hover:border-primary transition-all duration-300 hover:-translate-y-1 transform mb-6 relative group"
     >
+        <!-- Coming Soon Overlay -->
+        <div
+            class="absolute inset-0 bg-base-300 bg-opacity-90 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity duration-300 z-10 rounded-xl"
+        >
+            <div class="text-center">
+                <h4 class="text-xl font-bold">Coming Soon</h4>
+                <p class="text-sm opacity-70">
+                    Notification settings will be available in a future update
+                </p>
+            </div>
+        </div>
+
         <div class="card-body">
             <h3 class="card-title flex items-center gap-3">
                 <div class="badge badge-primary p-3">