add daisy tailwind theme
This commit is contained in:
@@ -30,3 +30,19 @@ button .enabled {
|
||||
button[disabled] .enabled {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.base-input {
|
||||
@apply input input-bordered bg-white;
|
||||
}
|
||||
|
||||
.base-button {
|
||||
@apply btn text-white text-base no-animation;
|
||||
}
|
||||
|
||||
.white-button {
|
||||
@apply btn btn-outline text-base bg-white border-2;
|
||||
}
|
||||
|
||||
.base-checkbox {
|
||||
@apply checkbox rounded bg-white checkbox-sm no-animation;
|
||||
}
|
||||
|
||||
@@ -1,21 +1,25 @@
|
||||
<h2>Log in</h2>
|
||||
<%= form_for(resource, as: resource_name, url: session_path(resource_name)) do |f| %>
|
||||
<div class="field">
|
||||
<%= f.label :email %><br>
|
||||
<%= f.email_field :email, autofocus: true, autocomplete: 'email' %>
|
||||
</div>
|
||||
<div class="field">
|
||||
<%= f.label :password %><br>
|
||||
<%= f.password_field :password, autocomplete: 'current-password' %>
|
||||
</div>
|
||||
<% if devise_mapping.rememberable? %>
|
||||
<div class="field">
|
||||
<%= f.check_box :remember_me, checked: true %>
|
||||
<%= f.label :remember_me %>
|
||||
<div class="max-w-xl mx-auto px-2">
|
||||
<h1 class="text-4xl font-bold text-center my-8">Log In 👋</h1>
|
||||
<%= form_for(resource, as: resource_name, url: session_path(resource_name)) do |f| %>
|
||||
<div class="form-control">
|
||||
<%= f.label :email, class: 'label' %>
|
||||
<%= f.email_field :email, autofocus: true, autocomplete: 'email', class: 'base-input' %>
|
||||
</div>
|
||||
<div class="form-control mt-2">
|
||||
<%= f.label :password, class: 'label' %>
|
||||
<%= f.password_field :password, autocomplete: 'current-password', class: 'base-input' %>
|
||||
</div>
|
||||
<% if devise_mapping.rememberable? %>
|
||||
<div class="form-control mt-2">
|
||||
<%= f.label :remember_me, class: 'flex items-center cursor-pointer' do %>
|
||||
<%= f.check_box :remember_me, checked: true, class: 'base-checkbox' %>
|
||||
<span class="label">Remember me</span>
|
||||
<% end %>
|
||||
</div>
|
||||
<% end %>
|
||||
<div class="form-control my-4">
|
||||
<%= f.submit 'Log in', class: 'base-button' %>
|
||||
</div>
|
||||
<% end %>
|
||||
<div class="actions">
|
||||
<%= f.submit 'Log in' %>
|
||||
</div>
|
||||
<% end %>
|
||||
<%= render 'devise/shared/links' %>
|
||||
<%= render 'devise/shared/links' %>
|
||||
</div>
|
||||
|
||||
@@ -1,21 +1,21 @@
|
||||
<%- if controller_name != 'sessions' %>
|
||||
<%= link_to 'Log in', new_session_path(resource_name) %><br>
|
||||
<%= link_to 'Log in', new_session_path(resource_name), class: 'link-hover' %><br>
|
||||
<% end %>
|
||||
|
||||
<%- if devise_mapping.registerable? && controller_name != 'registrations' %>
|
||||
<%= link_to 'Sign up', new_registration_path %><br>
|
||||
<%= link_to 'Sign up', new_registration_path, class: 'link-hover' %><br>
|
||||
<% end %>
|
||||
|
||||
<%- if devise_mapping.recoverable? && controller_name != 'passwords' && controller_name != 'registrations' %>
|
||||
<%= link_to 'Forgot your password?', new_password_path(resource_name) %><br>
|
||||
<%= link_to 'Forgot your password?', new_password_path(resource_name), class: 'link-hover' %><br>
|
||||
<% end %>
|
||||
|
||||
<%- if devise_mapping.confirmable? && controller_name != 'confirmations' %>
|
||||
<%= link_to "Didn't receive confirmation instructions?", new_confirmation_path(resource_name) %><br>
|
||||
<%= link_to "Didn't receive confirmation instructions?", new_confirmation_path(resource_name), class: 'link-hover' %><br>
|
||||
<% end %>
|
||||
|
||||
<%- if devise_mapping.lockable? && resource_class.unlock_strategy_enabled?(:email) && controller_name != 'unlocks' %>
|
||||
<%= link_to "Didn't receive unlock instructions?", new_unlock_path(resource_name) %><br>
|
||||
<%= link_to "Didn't receive unlock instructions?", new_unlock_path(resource_name), class: 'link-hover' %><br>
|
||||
<% end %>
|
||||
|
||||
<%- if devise_mapping.omniauthable? %>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html data-theme="cupcake">
|
||||
<head>
|
||||
<title>
|
||||
Docuseal
|
||||
@@ -11,12 +11,20 @@
|
||||
<%= stylesheet_pack_tag 'application', media: 'all' %>
|
||||
<%= yield :head %>
|
||||
</head>
|
||||
<body class="font-sans antialiased font-normal leading-normal bg-white text-gray-700">
|
||||
<body>
|
||||
<turbo-frame id="modal"></turbo-frame>
|
||||
<%= render 'shared/navbar' %>
|
||||
<div>
|
||||
<%= flash[:notice] || flash[:alert] %>
|
||||
</div>
|
||||
<% if flash.present? %>
|
||||
<div id="flash" class="max-w-xl mx-auto px-2">
|
||||
<div class="alert shadow-lg">
|
||||
<div class="flex w-full justify-between">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="stroke-info flex-shrink-0 w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
|
||||
<span class="w-full"><%= flash[:notice] || flash[:alert] %></span>
|
||||
<a href="#" onclick="[event.preventDefault(), window.flash.remove()]">×</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<% end %>
|
||||
<%= yield %>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -1,30 +1,36 @@
|
||||
Setup
|
||||
<%= form_for '', url: setup_index_path do |f| %>
|
||||
<%= f.fields_for @user do |ff| %>
|
||||
<div>
|
||||
<%= ff.label :first_name %>
|
||||
<%= ff.text_field :first_name, required: true %>
|
||||
</div>
|
||||
<div>
|
||||
<%= ff.label :last_name %>
|
||||
<%= ff.text_field :last_name, required: true %>
|
||||
<div class="max-w-xl mx-auto px-2">
|
||||
<h1 class="text-4xl font-bold text-center my-8">Initial Setup 👋</h1>
|
||||
<%= form_for '', url: setup_index_path do |f| %>
|
||||
<%= f.fields_for @user do |ff| %>
|
||||
<div class="flex space-x-4">
|
||||
<div class="form-control w-1/2">
|
||||
<%= ff.label :first_name, class: 'label' %>
|
||||
<%= ff.text_field :first_name, required: true, class: 'base-input' %>
|
||||
</div>
|
||||
<div class="form-control w-1/2">
|
||||
<%= ff.label :last_name, class: 'label' %>
|
||||
<%= ff.text_field :last_name, required: true, class: 'base-input' %>
|
||||
</div>
|
||||
</div>
|
||||
<% end %>
|
||||
<%= f.fields_for @account do |ff| %>
|
||||
<div class="form-control mt-2">
|
||||
<%= ff.label :name, 'Company name', class: 'label' %>
|
||||
<%= ff.text_field :name, required: true, class: 'base-input' %>
|
||||
</div>
|
||||
<% end %>
|
||||
<%= f.fields_for @user do |ff| %>
|
||||
<div class="form-control mt-2">
|
||||
<%= ff.label :email, class: 'label' %>
|
||||
<%= ff.email_field :email, required: true, class: 'base-input' %>
|
||||
</div>
|
||||
<div class="form-control mt-2">
|
||||
<%= ff.label :password, class: 'label' %>
|
||||
<%= ff.password_field :password, required: true, placeholder: '************', class: 'base-input' %>
|
||||
</div>
|
||||
<% end %>
|
||||
<div class="form-control mt-8">
|
||||
<%= f.button button_title, class: 'base-button' %>
|
||||
</div>
|
||||
<% end %>
|
||||
<%= f.fields_for @account do |ff| %>
|
||||
<div>
|
||||
<%= ff.label :name, 'Company name' %>
|
||||
<%= ff.text_field :name, required: true %>
|
||||
</div>
|
||||
<% end %>
|
||||
<%= f.fields_for @user do |ff| %>
|
||||
<div>
|
||||
<%= ff.label :email %>
|
||||
<%= ff.email_field :email, required: true %>
|
||||
</div>
|
||||
<div>
|
||||
<%= ff.label :password %>
|
||||
<%= ff.password_field :password, required: true %>
|
||||
</div>
|
||||
<% end %>
|
||||
<%= f.button button_title %>
|
||||
<% end %>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,12 @@
|
||||
<% if signed_in? %>
|
||||
<div>
|
||||
<%= link_to 'Home', root_path, class: 'bg-red-500' %>
|
||||
<%= link_to 'Sign out', destroy_user_session_path, data: { turbo_method: :delete } %>
|
||||
<%= current_user.email %>
|
||||
</div>
|
||||
<% end %>
|
||||
<div class="max-w-6xl mx-auto px-2 py-2">
|
||||
<a href="<%= root_path %>" class="text-2xl font-bold">
|
||||
<span>DocuSeal</span>
|
||||
</a>
|
||||
<% if signed_in? %>
|
||||
<div>
|
||||
<%= link_to 'Home', root_path, class: 'bg-red-500' %>
|
||||
<%= link_to 'Sign out', destroy_user_session_path, data: { turbo_method: :delete } %>
|
||||
<%= current_user.email %>
|
||||
</div>
|
||||
<% end %>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user