Blur background when modal is open

2024-11-25 16:46:24 +00:00
parent 148f68fbf3
commit 02d126ac90
2 changed files with 10 additions and 14 deletions
@@ -50,11 +50,7 @@ defmodule MusicLibraryWeb.CoreComponents do
      data-cancel={JS.exec(@on_cancel, "phx-remove")}
      class="relative z-50 hidden"
    >
-      <div
-        id={"#{@id}-bg"}
-        class="bg-zinc-50/90 dark:bg-zinc-600/80 fixed inset-0 transition-opacity"
-        aria-hidden="true"
-      />
+      <div id={"#{@id}-bg"} class="backdrop-blur fixed inset-0 transition-opacity" aria-hidden="true" />
      <div
        class="fixed inset-0 overflow-y-auto"
        aria-labelledby={"#{@id}-title"}