Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2026-07-27 21:44:39 +04:00
Code Issues Projects Releases Wiki Activity

sign in, sign up, forgot password pages

Browse Source
This commit is contained in:
codecalm
2020-01-29 22:46:00 +01:00
parent 0413383eaf
commit 010d92dded
14 changed files with 102 additions and 101 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/_includes/cards/forgot-password.html
+19
View File
@@ -0,0 +1,19 @@
<form class="card" action="#" method="post">
<div class="card-body p-5">
<div class="card-title">Forgot password</div>
<p class="text-muted">Enter your email address and your password will be reset and emailed to you.</p>
<div class="mb-2">
<label class="form-label">Email address</label>
<input type="email" class="form-control" placeholder="Enter email">
</div>
<div class="form-footer">
<button type="submit" class="btn btn-primary btn-block">Send me new password</button>
</div>
</div>
</form>
<div class="text-center text-muted">
Forget it, <a href="{{ site.base }}/sign-in.html">send me back</a> to the sign in screen.
</div>
pages/_includes/cards/forgot.html
-18
View File
@@ -1,18 +0,0 @@
<form class="card" action="" method="post">
<div class="card-body p-5">
<div class="card-title">Forgot password</div>
<p class="text-muted">Enter your email address and your password will be reset and emailed to you.</p>
<div class="mb-2">
<label class="form-label" for="exampleInputEmail1">Email address</label>
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
</div>
<div class="form-footer">
<button type="submit" class="btn btn-primary btn-block">Send me new password</button>
</div>
</div>
</form>
<div class="text-center text-muted">
Forget it, <a href="{{ site.base }}/login.html">send me back</a> to the sign in screen.
</div>
pages/_includes/cards/login.html
-33
View File
@@ -1,33 +0,0 @@
<form class="card" action="" method="get">
<div class="card-body p-6">
<div class="card-title">Login to your account</div>
<div class="mb-2">
<label class="form-label">Email address</label>
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp"
placeholder="Enter email" autocomplete="off">
</div>
<div class="mb-2">
<a href="{{ site.base }}/forgot-password.html" class="float-right small">I forgot password</a>
<label class="form-label">
Password
</label>
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password" autocomplete="off">
</div>
<div class="mb-2">
<label class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" {{ site.base }}/>
<span class="custom-control-label">Remember me</span>
</label>
</div>
<div class="form-footer">
<button type="submit" class="btn btn-primary btn-block">Sign in</button>
</div>
</div>
</form>
<div class="text-center text-muted">
Don't have account yet? <a href="{{ site.base }}/register.html">Sign up</a>
</div>
pages/_includes/cards/register.html
-32
View File
@@ -1,32 +0,0 @@
<form class="card" action="" method="post">
<div class="card-body p-6">
<div class="card-title">Create new account</div>
<div class="mb-2">
<label class="form-label">Name</label>
<input type="text" class="form-control" placeholder="Enter name">
</div>
<div class="mb-2">
<label class="form-label">Email address</label>
<input type="email" class="form-control" placeholder="Enter email">
</div>
<div class="mb-2">
<label class="form-label">Password</label>
<input type="password" class="form-control" placeholder="Password">
</div>
<div class="mb-2">
<label class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input"{{ site.base }}/>
<span class="custom-control-label">Agree the <a href="terms.html">terms and policy</a></span>
</label>
</div>
<div class="form-footer">
<button type="submit" class="btn btn-primary btn-block">Create new account</button>
</div>
</div>
</form>
<div class="text-center text-muted">
Already have account? <a href="{{ site.base }}/login.html">Sign in</a>
</div>
pages/_includes/cards/sign-in.html
+33
View File
@@ -0,0 +1,33 @@
<form class="card" action="#" method="get">
<div class="card-body p-5">
<div class="card-title">Login to your account</div>
<div class="mb-3">
<label class="form-label">Email address</label>
<input type="email" class="form-control" placeholder="Enter email" autocomplete="off">
</div>
<div class="mb-2">
<label class="form-label">
Password
<span class="form-label-description">
<a href="{{ site.base }}/forgot-password.html">I forgot password</a>
</span>
</label>
<input type="password" class="form-control" placeholder="Password" autocomplete="off">
</div>
<div class="mb-2">
<label class="form-check">
<input type="checkbox" class="form-check-input"/>
<span class="form-check-label">Remember me on this device</span>
</label>
</div>
<div class="form-footer">
<button type="submit" class="btn btn-primary btn-block">Sign in</button>
</div>
</div>
</form>
<div class="text-center text-muted">
Don't have account yet? <a href="{{ site.base }}/sign-up.html" tabindex="-1">Sign up</a>
</div>
pages/_includes/cards/sign-up.html
+32
View File
@@ -0,0 +1,32 @@
<form class="card" action="#" method="post">
<div class="card-body p-5">
<div class="card-title">Create new account</div>
<div class="mb-3">
<label class="form-label">Name</label>
<input type="text" class="form-control" placeholder="Enter name">
</div>
<div class="mb-3">
<label class="form-label">Email address</label>
<input type="email" class="form-control" placeholder="Enter email">
</div>
<div class="mb-3">
<label class="form-label">Password</label>
<input type="password" class="form-control" placeholder="Password">
</div>
<div class="mb-3">
<label class="form-check">
<input type="checkbox" class="form-check-input"/>
<span class="form-check-label">Agree the <a href="#" tabindex="-1">terms and policy</a>.</span>
</label>
</div>
<div class="form-footer">
<button type="submit" class="btn btn-primary btn-block">Create new account</button>
</div>
</div>
</form>
<div class="text-center text-muted">
Already have account? <a href="{{ site.base }}/sign-in.html" tabindex="-1">Sign in</a>
</div>
pages/_includes/forms/form-elements-5.html
+3 -3
View File
@@ -7,7 +7,7 @@
<div class="mb-3"> <div class="mb-3">
<label class="form-label">Checkboxes with description</label> <label class="form-label">Checkboxes with description</label>
<label class="form-check mb-2"> <label class="form-check form-check-highlight mb-2">
<input class="form-check-input" type="checkbox"> <input class="form-check-input" type="checkbox">
<div class="form-check-label"> <div class="form-check-label">
Default checkbox Default checkbox
@@ -16,7 +16,7 @@
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
</div> </div>
</label> </label>
<label class="form-check mb-2"> <label class="form-check form-check-highlight mb-2">
<input class="form-check-input" type="checkbox"> <input class="form-check-input" type="checkbox">
<div class="form-check-label"> <div class="form-check-label">
Longer checkbox item that wraps on to two separate lines Longer checkbox item that wraps on to two separate lines
@@ -25,7 +25,7 @@
Ab alias aut, consequuntur cumque esse eveniet incidunt laborum minus molestiae. Ab alias aut, consequuntur cumque esse eveniet incidunt laborum minus molestiae.
</div> </div>
</label> </label>
<label class="form-check"> <label class="form-check form-check-highlight">
<input class="form-check-input" type="checkbox"> <input class="form-check-input" type="checkbox">
<div class="form-check-label"> <div class="form-check-label">
Default checkbox without description Default checkbox without description
pages/forgot-password.html
+1 -1
View File
@@ -3,4 +3,4 @@ title: Forgot password
layout: single layout: single
--- ---
{% include cards/forgot.html show-header="1" %} {% include cards/forgot-password.html show-header="1" %}
pages/login.html
-6
View File
@@ -1,6 +0,0 @@
---
layout: single
title: Login
---
{% include cards/login.html show-header="1" %}
pages/register.html
-6
View File
@@ -1,6 +0,0 @@
---
layout: single
title: Register
---
{% include cards/register.html %}
pages/sign-in.html
+6
View File
@@ -0,0 +1,6 @@
---
layout: single
title: Sign in
---
{% include cards/sign-in.html show-header="1" %}
pages/sign-up.html
+6
View File
@@ -0,0 +1,6 @@
---
layout: single
title: Sign up
---
{% include cards/sign-up.html %}
scss/_variables.scss
+1 -1
View File
@@ -282,7 +282,7 @@ $dropdown-border-color: $border-color !default;
$dropdown-menu-max-width: 25rem !default; $dropdown-menu-max-width: 25rem !default;
//grid //grid
$grid-gutter-width: 1.5rem !default; $grid-gutter-width: 1.25rem !default;
//loader //loader
$loader-size: 2.5rem !default; $loader-size: 2.5rem !default;
scss/ui/_forms.scss
+1 -1
View File
@@ -123,7 +123,7 @@ Form switch
.form-check { .form-check {
user-select: none; user-select: none;
.form-check-input:not(:checked) ~ .form-check-label { &.form-check-highlight .form-check-input:not(:checked) ~ .form-check-label {
opacity: .64; opacity: .64;
} }
} }