go/sonr
1
0
Fork 0
mirror of https://github.com/sonr-io/sonr.git synced 2026-08-04 18:31:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add ModalForm component

Browse Source
This commit is contained in:
Prad Nukala
2024-10-07 13:59:29 -04:00
parent b633d21ea8
commit f7f0c11587
9 changed files with 226 additions and 299 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pkg/nebula/global/styles/layout.templ
+2 -2
View File
@@ -51,7 +51,7 @@ templ LayoutNoBody(title string, remote bool) {
}
templ Modal(title, description string) {
templ OpenModal(title, description string) {
<div
x-data="{ modalOpen: true }"
@keydown.escape="modalOpen=false"
@@ -69,7 +69,7 @@ templ Modal(title, description string) {
x-transition:leave-start="opacity-100"
x-transition:leave-end="opacity-0"
@click="modalOpen=false"
class="absolute inset-0 w-full h-full bg-zinc-900 bg-opacity-50 backdrop-blur-sm"
class="absolute inset-0 w-full h-full bg-zinc-900 bg-opacity-90 backdrop-blur-sm"
></div>
<div
x-show="modalOpen"