Streamlines more user interface
This commit is contained in:
@@ -81,15 +81,16 @@ input[type=number] {
|
||||
"x-show" "open"
|
||||
":aria-hidden" "!open"
|
||||
"x-data" (hx/json {"open" false
|
||||
"forceBackground" false
|
||||
"unexpectedError" false})
|
||||
"x-on:htmx:response-error" "unexpectedError=true;"
|
||||
"x-on:htmx:before-request" "unexpectedError=false"
|
||||
"@modalopen.document" "open=true; unexpectedError=null"
|
||||
"@modalclose.document" "open=false"
|
||||
"@modalswap.document" "open=false; setTimeout(() => open=true)"}
|
||||
"@modalswap.document" "forceBackground=true; open=false; setTimeout(() => {open=true;forceBackground=false;}, 100)"}
|
||||
|
||||
[:div {:class "bg-gray-900 bg-opacity-50 dark:bg-opacity-80 fixed inset-0 z-40 md:p-12"
|
||||
"x-show" "open"
|
||||
"x-show" "open || forceBackground"
|
||||
":aria-hidden" "!open"
|
||||
"x-transition:enter" "duration-300"
|
||||
"x-transition:enter-start" "!bg-opacity-0"
|
||||
|
||||
Reference in New Issue
Block a user