Fix off-center modals

josefarias · Feb 12, 2025 · 08a2d35 · 08a2d35
1 parent a82c030
commit 08a2d35
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/app/views/account/transactions/bulk_edit.html.erb b/app/views/account/transactions/bulk_edit.html.erb
@@ -1,7 +1,7 @@
 <%= turbo_frame_tag "bulk_transaction_edit_drawer" do %>
   <dialog data-controller="modal"
           data-action="click->modal#clickOutside"
-    class="bg-white border border-alpha-black-25 rounded-2xl max-h-[calc(100vh-32px)] max-w-[480px] w-full shadow-xs h-full mt-4 mr-4">
+    class="bg-white border border-alpha-black-25 rounded-2xl max-h-[calc(100vh-32px)] max-w-[480px] w-full shadow-xs h-full mt-4 mr-4 ml-auto">
     <%= styled_form_with url: bulk_update_account_transactions_path, scope: "bulk_update", class: "h-full", data: { turbo_frame: "_top" } do |form| %>
       <div class="flex h-full flex-col justify-between p-4">
         <div>

diff --git a/app/views/shared/_confirm_modal.html.erb b/app/views/shared/_confirm_modal.html.erb
@@ -1,4 +1,4 @@
-<dialog id="turbo-confirm" class="max-w-[420px] w-full rounded-xl">
+<dialog id="turbo-confirm" class="max-w-[420px] w-full rounded-xl m-auto">
   <form method="dialog" class="p-4">
     <div class="flex flex-col mb-4">
       <div class="flex justify-between mb-2 gap-4">