update the invitation form template

app/views/invitations/edit.html.erb

@@ -1,19 +1,25 @@
-<h2>Welcome to Docuseal</h2>
+<div class="max-w-xl mx-auto px-2">
-<%= form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :put }) do |f| %>
+  <h1 class="text-4xl font-bold text-center my-8">Welcome to Docuseal</h1>
-  <%= render 'devise/shared/error_messages', resource: %>
+  <%= form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :put, class: 'space-y-6' }) do |f| %>
-  <%= f.hidden_field :reset_password_token %>
+    <div class="space-y-2">
-  <div class="field">
+      <%= render 'devise/shared/error_messages', resource: %>
-    <%= f.label :password, 'Set password' %><br>
+      <%= f.hidden_field :reset_password_token %>
-    <% if @minimum_password_length %>
+      <div class="form-control">
-      <em>(<%= @minimum_password_length %> characters minimum)</em><br>
+        <%= f.label :password, 'Set password', class: 'label' %>
-    <% end %>
+        <%= f.password_field :password, autofocus: true, autocomplete: 'new-password', class: 'base-input' %>
-    <%= f.password_field :password, autofocus: true, autocomplete: 'new-password' %>
+        <% if @minimum_password_length %>
-  </div>
+          <label class="label">
-  <div class="field">
+            <span class="label-text">(<%= @minimum_password_length %> characters minimum)</span>
-    <%= f.label :password_confirmation, 'Confirm new password' %><br>
+          </label>
-    <%= f.password_field :password_confirmation, autocomplete: 'new-password' %>
+        <% end %>
-  </div>
+      </div>
-  <div class="actions">
+      <div class="form-control">
-    <%= f.submit 'Save password and Sign in' %>
+        <%= f.label :password_confirmation, 'Confirm new password', class: 'label' %>
-  </div>
+        <%= f.password_field :password_confirmation, autocomplete: 'new-password', class: 'base-input' %>
-<% end %>
+      </div>
+    </div>
+    <div class="form-control">
+      <%= f.submit 'Save password and Sign in', class: 'base-button' %>
+    </div>
+  <% end %>
+</div>

package.json

@@ -17,7 +17,7 @@
     "compression-webpack-plugin": "10.0.0",
     "css-loader": "^6.7.3",
     "css-minimizer-webpack-plugin": "^5.0.0",
-    "daisyui": "^3.0.3",
+    "daisyui": "^3.0.17",
     "mini-css-extract-plugin": "^2.7.5",
     "postcss": "^8.4.23",
     "postcss-import": "^15.1.0",

yarn.lock

@@ -2296,10 +2296,10 @@ csstype@^3.1.1:
   resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.1.2.tgz#1d4bf9d572f11c14031f0436e1c10bc1f571f50b"
   integrity sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==
 
-daisyui@^3.0.3:
+daisyui@^3.0.17:
-  version "3.0.3"
+  version "3.0.17"
-  resolved "https://registry.yarnpkg.com/daisyui/-/daisyui-3.0.3.tgz#9272b050c82399912efbf63b311b0ae41c7bb9ee"
+  resolved "https://registry.yarnpkg.com/daisyui/-/daisyui-3.0.17.tgz#d060e03215c35817b03d38d6425a76b731a8d1b4"
-  integrity sha512-RSbXsEBj2LonvjOKEI0I64F5xFJrFrthPgxRNeAZKmACQ3NoIoP45lO6UXLW3bm8PVOUGpKf1Br2SWwc1NqnHQ==
+  integrity sha512-TgdoCeQ0YBVwOWVhbfj0NIcV0nBEDKvkMisRplHM1NfJ4wyRH/Gj+c1iICBkckOLB7C/qLueBnJ2pPWpO8/49w==
   dependencies:
     colord "^2.9"
     css-selector-tokenizer "^0.8"