Skip to content

Commit 8a0366b

Browse files
piyushkalasariyapiyushkalasariya
committed
User sign in page UI updates
1 parent eca6dbf commit 8a0366b

13 files changed

Lines changed: 158 additions & 48 deletions

File tree

‎app/assets/images/kaui/sign_in_background.svg‎

Loading

‎app/assets/stylesheets/application.css‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@
33
* and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
44
* the top of the compiled file, but it's generally better to create a new file per style scope.
55
*= require_self
6+
*= require kaui/auth_pages.css
67
*= require jquery-ui/autocomplete
78
*= require bootstrap-datepicker3
89
*= require kaui/account.css
@@ -19,5 +20,6 @@
1920
*= require kaui/timeline.css
2021
*= require kaui/tooltip.css
2122
*= require kaui/kaui.css
23+
*= require kaui/theme.css
2224
*= require assets/common
2325
*/

‎app/assets/stylesheets/kaui/auth_pages.css‎

Lines changed: 45 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
.kaui-container {
2+
min-height: 100vh;
3+
width: 100%;
4+
background-color: #fff;
5+
}
6+
7+
.auth-form-container {
8+
height: 100%;
9+
width: 100%;
10+
min-height: 100vh;
11+
display: flex;
12+
justify-content: center;
13+
align-items: center;
14+
}
15+
16+
.auth-form-content {
17+
position: relative;
18+
max-width: 360px;
19+
padding: 60px 0px !important;
20+
width: 100%;
21+
margin: auto;
22+
}
23+
24+
.auth-form-title {
25+
}
26+
27+
.form-control {
28+
height: 44px;
29+
padding: 0.375rem 0.75rem;
30+
font-size: 1rem;
31+
line-height: 1.5;
32+
color: #717680;
33+
background-color: #fff;
34+
background-clip: padding-box;
35+
shadow: none;
36+
border: 1px solid #d5d7da;
37+
border-radius: 0.1rem;
38+
}
39+
40+
input.form-control::-webkit-input-placeholder {
41+
color: #717680;
42+
font-weight: 400;
43+
font-style: normal !important;
44+
opacity: 1; /* required for Firefox */
45+
}

‎app/assets/stylesheets/kaui/common.css‎

Lines changed: 6 additions & 4 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎app/assets/stylesheets/kaui/theme.css‎

Lines changed: 55 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
:root {
2+
--bs-primary: #1570ef; /* your custom primary color */
3+
--bs-secondary: #777777;
4+
--bs-success: #4caf50;
5+
--bs-danger: #f44336;
6+
--bs-warning: #ffc107;
7+
--bs-info: #00bcd4;
8+
--bs-light: #f1f1f1;
9+
--bs-dark: #212121;
10+
}
11+
12+
.btn-primary {
13+
background-color: #1570ef !important;
14+
border-color: ##1570ef !important;
15+
}
16+
17+
.text-primary {
18+
color: #ff5722 !important;
19+
}
20+
21+
.bg-primary {
22+
background-color: #ff5722 !important;
23+
}
24+
25+
.text-black-900 {
26+
color: #181d27 !important;
27+
}
28+
29+
.text-black-700 {
30+
color: #414651 !important;
31+
}
32+
33+
.text-tertiary {
34+
color: #535862 !important;
35+
}
36+
37+
.fw-500 {
38+
font-weight: 500 !important;
39+
}
40+
41+
.fw-600 {
42+
font-weight: 600 !important;
43+
}
44+
45+
.radius-md {
46+
border-radius: 0.375rem !important;
47+
}
48+
49+
.fs-7 {
50+
font-size: 0.875rem !important;
51+
}
52+
53+
.custom-hover:hover {
54+
opacity: 0.6;
55+
}

‎app/views/kaui/components/button/_button.html.erb‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
<button type="<%= type || 'button' %>" class="btn <%= variant || 'btn-primary' %> <%= html_class %>">
2+
<%= label %>
3+
</button>

‎app/views/kaui/components/form_input/_form_input.html.erb‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
<div class="mb-3">
2+
<%= f.label field, label, class: "form-label text-gray-700 fs-7" %>
3+
<%= f.text_field field, class: "form-control text-gray-700 fs-7", placeholder: placeholder %>
4+
</div>

‎app/views/kaui/components/form_password/_form_password.html.erb‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
<div class="mb-3">
2+
<div class="d-flex justify-content-between align-items-center">
3+
<%= f.label field, label, class: "form-label text-gray-700 fs-7" %>
4+
<%= link_to "Forgot password?", "#", class: "small text-primary text-decoration-none custom-hover" %>
5+
</div>
6+
<%= f.password_field field, class: "form-control text-gray-700 fs-7", placeholder: placeholder %>
7+
</div>

‎app/views/kaui/components/logo/_logo.html.erb‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<%= link_to image_tag('kaui/logo.svg', :alt => 'Kill Bill Logo'), kaui_engine.home_path %>

‎app/views/kaui/layouts/kaui_application.html.erb‎

Lines changed: 16 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,22 @@
11
<!DOCTYPE html>
22
<html>
3-
<%= render :template => 'kaui/layouts/kaui_header' %>
4-
<body>
5-
<%= render :template => 'kaui/layouts/kaui_navbar' %>
3+
<%= render :template => 'kaui/layouts/kaui_header' %>
64

7-
<% if params[:account_id].present? %>
8-
<%= render :template => 'kaui/layouts/kaui_account_navbar' %>
9-
<% end %>
5+
<body>
106

11-
<div class="container">
12-
<%= render :template => 'kaui/layouts/kaui_flash' %>
13-
<div class="row">
14-
<div class="col-md-12">
7+
<% if user_signed_in? -%>
8+
<%= render :template => 'kaui/layouts/kaui_navbar' %>
9+
<% end %>
10+
11+
<% if params[:account_id].present? %>
12+
<%= render :template => 'kaui/layouts/kaui_account_navbar' %>
13+
<% end %>
14+
15+
<div class="container-fluid kaui-container">
16+
<%= render :template => 'kaui/layouts/kaui_flash' %>
1517
<%= yield %>
16-
</div>
1718
</div>
18-
</div>
19-
<%= render :template => 'kaui/layouts/kaui_footer' %>
20-
</body>
21-
</html>
19+
<%= render :template => 'kaui/layouts/kaui_footer' %>
20+
</body>
21+
22+
</html>

0 commit comments

Comments
 (0)