kosmos/akkounts
8
1
Fork 0
Code Issues 23 Pull Requests 1 Actions Packages Releases 12 Activity

Add QR code icon, button, modal for invites

Browse Source 
Using https://excid3.github.io/tailwindcss-stimulus-components/
This commit is contained in:
Râu Cao
2023-06-27 17:23:43 +02:00
parent 83e3e2ecd8
commit c78df9e5f1
12 changed files with 93 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
app/components/modal_component.html.erb Normal file
View File

@@ -0,0 +1,15 @@
<div data-modal-target="container"
data-action="click->modal#closeBackground keyup@window->modal#closeWithKeyboard"
class="hidden animate-scale-in fixed inset-0 overflow-y-auto flex items-center justify-center"
style="z-index: 9999;">
<div class="max-h-screen w-auto max-w-lg relative">
<div class="m-1 bg-white rounded shadow">
<div class="p-8">
<%= content %>
<div class="flex justify-end items-center flex-wrap mt-6">
<button class="btn-md btn-blue" data-action="click->modal#close">Close</button>
</div>
</div>
</div>
</div>
</div>