Blur background when modal is open

This commit is contained in:
Claudio Ortolina
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")} data-cancel={JS.exec(@on_cancel, "phx-remove")}
class="relative z-50 hidden" class="relative z-50 hidden"
> >
<div <div id={"#{@id}-bg"} class="backdrop-blur fixed inset-0 transition-opacity" aria-hidden="true" />
id={"#{@id}-bg"}
class="bg-zinc-50/90 dark:bg-zinc-600/80 fixed inset-0 transition-opacity"
aria-hidden="true"
/>
<div <div
class="fixed inset-0 overflow-y-auto" class="fixed inset-0 overflow-y-auto"
aria-labelledby={"#{@id}-title"} aria-labelledby={"#{@id}-title"}
+9 -9
View File
@@ -11,7 +11,7 @@
msgid "" msgid ""
msgstr "" msgstr ""
#: lib/music_library_web/components/core_components.ex:516 #: lib/music_library_web/components/core_components.ex:512
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
msgid "Actions" msgid "Actions"
msgstr "" msgstr ""
@@ -24,7 +24,7 @@ msgstr ""
msgid "Are you sure?" msgid "Are you sure?"
msgstr "" msgstr ""
#: lib/music_library_web/components/core_components.ex:169 #: lib/music_library_web/components/core_components.ex:165
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
msgid "Attempting to reconnect" msgid "Attempting to reconnect"
msgstr "" msgstr ""
@@ -90,7 +90,7 @@ msgstr ""
msgid "Error importing record" msgid "Error importing record"
msgstr "" msgstr ""
#: lib/music_library_web/components/core_components.ex:160 #: lib/music_library_web/components/core_components.ex:156
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
msgid "Error!" msgid "Error!"
msgstr "" msgstr ""
@@ -111,7 +111,7 @@ msgstr ""
msgid "Genres" msgid "Genres"
msgstr "" msgstr ""
#: lib/music_library_web/components/core_components.ex:181 #: lib/music_library_web/components/core_components.ex:177
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
msgid "Hang in there while we get back on track" msgid "Hang in there while we get back on track"
msgstr "" msgstr ""
@@ -267,7 +267,7 @@ msgstr ""
msgid "Showing <b>%{visible}</b> of <b>%{total}</b> records" msgid "Showing <b>%{visible}</b> of <b>%{total}</b> records"
msgstr "" msgstr ""
#: lib/music_library_web/components/core_components.ex:176 #: lib/music_library_web/components/core_components.ex:172
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
msgid "Something went wrong!" msgid "Something went wrong!"
msgstr "" msgstr ""
@@ -278,7 +278,7 @@ msgstr ""
msgid "Stats" msgid "Stats"
msgstr "" msgstr ""
#: lib/music_library_web/components/core_components.ex:159 #: lib/music_library_web/components/core_components.ex:155
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
msgid "Success!" msgid "Success!"
msgstr "" msgstr ""
@@ -323,7 +323,7 @@ msgstr ""
msgid "View on MusicBrainz" msgid "View on MusicBrainz"
msgstr "" msgstr ""
#: lib/music_library_web/components/core_components.ex:164 #: lib/music_library_web/components/core_components.ex:160
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
msgid "We can't find the internet" msgid "We can't find the internet"
msgstr "" msgstr ""
@@ -344,8 +344,8 @@ msgstr ""
msgid "You must be logged in to access this page" msgid "You must be logged in to access this page"
msgstr "" msgstr ""
#: lib/music_library_web/components/core_components.ex:85 #: lib/music_library_web/components/core_components.ex:81
#: lib/music_library_web/components/core_components.ex:139 #: lib/music_library_web/components/core_components.ex:135
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
msgid "close" msgid "close"
msgstr "" msgstr ""