From 2477936bcea8375d79a07aa80e9ba8d3e3c99f73 Mon Sep 17 00:00:00 2001 From: Alireza Hassani Date: Sat, 22 Aug 2026 20:50:44 +0330 Subject: [PATCH] Restore opaque frosted glass on nested category/link modals. MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The lighter glass fill made the parent form show through when ساخت لینک opened over another dialog. Co-authored-by: Cursor --- apps/business/src/components/CategoryModal.module.css | 8 ++++---- .../src/components/GenerateWebsiteLinkModal.module.css | 5 ----- 2 files changed, 4 insertions(+), 9 deletions(-) diff --git a/apps/business/src/components/CategoryModal.module.css b/apps/business/src/components/CategoryModal.module.css index 4fd9b64..3e7b432 100644 --- a/apps/business/src/components/CategoryModal.module.css +++ b/apps/business/src/components/CategoryModal.module.css @@ -45,12 +45,12 @@ .modal { width: 100%; max-width: 480px; - background: var(--glass-bg); - backdrop-filter: blur(var(--blur-glass, 28px)) saturate(1.45); - -webkit-backdrop-filter: blur(var(--blur-glass, 28px)) saturate(1.45); + background: rgba(255, 255, 255, 0.92); + backdrop-filter: blur(24px); + -webkit-backdrop-filter: blur(24px); border: 1px solid var(--glass-border); border-radius: var(--radius); - box-shadow: var(--glass-shadow), 0 20px 60px rgba(31, 38, 135, 0.12); + box-shadow: 0 20px 60px rgba(31, 38, 135, 0.15); } .header { diff --git a/apps/business/src/components/GenerateWebsiteLinkModal.module.css b/apps/business/src/components/GenerateWebsiteLinkModal.module.css index 73b8f32..0e4cf21 100644 --- a/apps/business/src/components/GenerateWebsiteLinkModal.module.css +++ b/apps/business/src/components/GenerateWebsiteLinkModal.module.css @@ -4,11 +4,6 @@ display: flex; flex-direction: column; overflow: hidden; - background: var(--glass-bg); - backdrop-filter: blur(var(--blur-glass, 28px)) saturate(1.45); - -webkit-backdrop-filter: blur(var(--blur-glass, 28px)) saturate(1.45); - border: 1px solid var(--glass-border); - box-shadow: var(--glass-shadow), 0 20px 60px rgba(31, 38, 135, 0.12); } .header {