fix: dark mode on edit and add

This commit is contained in:
Vladimir Rubin 2024-12-02 17:31:03 +02:00
parent eee0b548e9
commit abb545b587
Signed by: vavakado
GPG key ID: CAB744727F36B524

View file

@ -48,9 +48,13 @@ defmodule ExmrWeb.CoreComponents do
phx-mounted={@show && show_modal(@id)}
phx-remove={hide_modal(@id)}
data-cancel={JS.exec(@on_cancel, "phx-remove")}
class="relative z-50 hidden"
class="relative z-50 hidden bg-zinc-50/90 dark:bg-zinc-950"
>
<div id={"#{@id}-bg"} class="bg-zinc-50/90 fixed inset-0 transition-opacity" aria-hidden="true" />
<div
id={"#{@id}-bg"}
class="bg-zinc-50/90 dark:bg-zinc-800/90 fixed inset-0 transition-opacity"
aria-hidden="true"
/>
<div
class="fixed inset-0 overflow-y-auto"
aria-labelledby={"#{@id}-title"}
@ -66,7 +70,7 @@ defmodule ExmrWeb.CoreComponents do
phx-window-keydown={JS.exec("data-cancel", to: "##{@id}")}
phx-key="escape"
phx-click-away={JS.exec("data-cancel", to: "##{@id}")}
class="shadow-zinc-700/10 ring-zinc-700/10 relative hidden rounded-2xl bg-white p-14 shadow-lg ring-1 transition"
class="shadow-zinc-700/10 ring-zinc-700/10 relative hidden rounded-2xl bg-white dark:bg-zinc-950 p-14 shadow-lg ring-1 transition"
>
<div class="absolute top-6 right-5">
<button