add modal style

2023-05-29 23:08:55 +03:00
parent b8bae6d0e4
commit 81f376cf50
3 changed files with 24 additions and 12 deletions
@@ -1,11 +1,17 @@
 <turbo-frame id="modal">
-  <turbo-modal class="left-52 absolute top-0 z-50 bg-white h-[100vh] w-full">
-    <div>
-      Modal window Title
-      <a href="#" data-action="click:turbo-modal#close">&times;</a>
-    </div>
-    <div>
-      <%= yield %>
+  <turbo-modal class="modal modal-open items-start">
+    <div class="modal-box pt-4 pb-6 px-6 mt-20">
+      <% if local_assigns[:title] %>
+        <div class="flex justify-between items-center border-b pb-2 mb-2 font-medium">
+          <span>
+            <%= local_assigns[:title] %>
+          </span>
+          <a href="#" class="text-xl" data-action="click:turbo-modal#close">&times;</a>
+        </div>
+      <% end %>
+      <div>
+        <%= yield %>
+      </div>
    </div>
  </turbo-modal>
 </turbo-frame>