geonizeli/x-stake
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add styles to devise

Browse Source
This commit is contained in:
João Geonizeli
2021-08-09 23:11:18 -03:00
parent a9dc386b09
commit bc6bbc85d7
16 changed files with 92 additions and 156 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
app/views/devise/registrations/edit.html.erb
View File

@@ -1,43 +1,47 @@
<h2><%= t('.title', resource: resource.model_name.human) %></h2>
<h2 class="self-center mb-2 text-xl font-light text-gray-800 sm:text-2xl dark:text-white text-center">
<%= t('.title', resource: resource.model_name.human) %>
</h2>
<%= form_for(resource, as: resource_name, url: registration_path(resource_name), html: { method: :put }) do |f| %>
<%= render "devise/shared/error_messages", resource: resource %>
<div class="field">
<div class="my-3">
<%= f.label :email %><br />
<%= f.email_field :email, autofocus: true, autocomplete: "email" %>
<%= f.email_field :email, autofocus: true, autocomplete: "email", class: TailwindHelper.input_classes %>
</div>
<% if devise_mapping.confirmable? && resource.pending_reconfirmation? %>
<div><%= t('.currently_waiting_confirmation_for_email', email: resource.unconfirmed_email) %></div>
<% end %>
<div class="field">
<div class="my-3">
<%= f.label :password %> <i>(<%= t('.leave_blank_if_you_don_t_want_to_change_it') %>)</i><br />
<%= f.password_field :password, autocomplete: "new-password" %>
<%= f.password_field :password, autocomplete: "new-password", class: TailwindHelper.input_classes %>
<% if @minimum_password_length %>
<br />
<em><%= t('devise.shared.minimum_password_length', count: @minimum_password_length) %></em>
<% end %>
</div>
<div class="field">
<div class="my-3">
<%= f.label :password_confirmation %><br />
<%= f.password_field :password_confirmation, autocomplete: "new-password" %>
<%= f.password_field :password_confirmation, autocomplete: "new-password", class: TailwindHelper.input_classes %>
</div>
<div class="field">
<div class="my-3">
<%= f.label :current_password %> <i>(<%= t('.we_need_your_current_password_to_confirm_your_changes') %>)</i><br />
<%= f.password_field :current_password, autocomplete: "current-password" %>
<%= f.password_field :current_password, autocomplete: "current-password", class: TailwindHelper.input_classes %>
</div>
<div class="actions">
<%= f.submit t('.update') %>
<div class="my-3">
<%= f.submit t('.update'), class: TailwindHelper.primary_button_classes %>
</div>
<% end %>
<!--
<h3><%= t('.cancel_my_account') %></h3>
<p><%= t('.unhappy') %> <%= button_to t('.cancel_my_account'), registration_path(resource_name), data: { confirm: t('.are_you_sure') }, method: :delete %></p>
<%= link_to t('devise.shared.links.back'), :back %>
-->

28
app/views/devise/registrations/new.html.erb
View File

@@ -1,38 +1,40 @@
<h2><%= t('.sign_up') %></h2>
<h2 class="self-center mb-2 text-xl font-light text-gray-800 sm:text-2xl dark:text-white text-center">
<%= t('.sign_up') %>
</h2>
<%= form_for(resource, as: resource_name, url: registration_path(resource_name)) do |f| %>
<%= render "devise/shared/error_messages", resource: resource %>
<div class="field">
<div class="field my-3">
<%= f.label :first_name %><br />
<%= f.text_field :first_name, autofocus: true %>
<%= f.text_field :first_name, autofocus: true, class: TailwindHelper.input_classes %>
</div>
<div class="field">
<div class="field my-3">
<%= f.label :last_name %><br />
<%= f.text_field :last_name %>
<%= f.text_field :last_name, class: TailwindHelper.input_classes %>
</div>
<div class="field">
<div class="field my-3">
<%= f.label :email %><br />
<%= f.email_field :email, autocomplete: "email" %>
<%= f.email_field :email, autocomplete: "email", class: TailwindHelper.input_classes %>
</div>
<div class="field">
<div class="field my-3">
<%= f.label :password %>
<% if @minimum_password_length %>
<em><%= t('devise.shared.minimum_password_length', count: @minimum_password_length) %></em>
<% end %><br />
<%= f.password_field :password, autocomplete: "new-password" %>
<%= f.password_field :password, autocomplete: "new-password", class: TailwindHelper.input_classes %>
</div>
<div class="field">
<div class="field my-3">
<%= f.label :password_confirmation %><br />
<%= f.password_field :password_confirmation, autocomplete: "new-password" %>
<%= f.password_field :password_confirmation, autocomplete: "new-password", class: TailwindHelper.input_classes %>
</div>
<div class="actions">
<%= f.submit t('.sign_up') %>
<div class="actions my-3">
<%= f.submit t('.sign_up'), class: TailwindHelper.primary_button_classes %>
</div>
<% end %>

18
app/views/devise/sessions/new.html.erb
View File

@@ -1,25 +1,27 @@
<h2><%= t('.sign_in') %></h2>
<h2 class="self-center mb-2 text-xl font-light text-gray-800 sm:text-2xl dark:text-white text-center">
<%= t('.sign_in') %>
</h2>
<%= form_for(resource, as: resource_name, url: session_path(resource_name)) do |f| %>
<div class="field">
<div class="my-3">
<%= f.label :email %><br />
<%= f.email_field :email, autofocus: true, autocomplete: "email" %>
<%= f.email_field :email, autofocus: true, autocomplete: "email", class: TailwindHelper.input_classes %>
</div>
<div class="field">
<div class="my-3">
<%= f.label :password %><br />
<%= f.password_field :password, autocomplete: "current-password" %>
<%= f.password_field :password, autocomplete: "current-password", class: TailwindHelper.input_classes %>
</div>
<% if devise_mapping.rememberable? %>
<div class="field">
<div class="my-3">
<%= f.check_box :remember_me %>
<%= f.label :remember_me %>
</div>
<% end %>
<div class="actions">
<%= f.submit t('.sign_in') %>
<div class="actions my-3">
<%= f.submit t('.sign_in'), class: TailwindHelper.primary_button_classes %>
</div>
<% end %>

1
app/views/layouts/application.html.erb
View File

@@ -8,6 +8,7 @@
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
<%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
<%= javascript_pack_tag 'react', 'data-turbolinks-track': 'reload' %>
</head>
<body>

2
app/views/layouts/devise.html.erb
View File

@@ -8,8 +8,6 @@
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
<%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
</head>
<body class="grid place-items-center h-screen">