Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2026-07-28 14:04:38 +04:00
Code Issues Projects Releases Wiki Activity

single page fixes

Browse Source
This commit is contained in:
codecalm
2020-01-29 23:43:13 +01:00
parent 00a71f7069
commit 03e42f5284
12 changed files with 32 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/_includes/cards/forgot-password.html
+4 -5
View File
@@ -1,11 +1,10 @@
<form class="card" action="#" method="post"> <form class="card card-md" action="{{ site.base }}" method="get">
<div class="card-body">
<div class="card-body p-5"> <h2 class="mb-5 text-center">Forgot password</h2>
<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> <p class="text-muted">Enter your email address and your password will be reset and emailed to you.</p>
<div class="mb-2"> <div class="mb-3">
<label class="form-label">Email address</label> <label class="form-label">Email address</label>
<input type="email" class="form-control" placeholder="Enter email"> <input type="email" class="form-control" placeholder="Enter email">
</div> </div>
pages/_includes/cards/sign-in.html
+3 -3
View File
@@ -1,6 +1,6 @@
<form class="card card-md" action="#" method="get"> <form class="card card-md" action="{{ site.base }}" method="get">
<div class="card-body"> <div class="card-body">
<div class="card-title">Login to your account</div> <h2 class="mb-5 text-center">Login to your account</h2>
<div class="mb-3"> <div class="mb-3">
<label class="form-label">Email address</label> <label class="form-label">Email address</label>
@@ -13,7 +13,7 @@
<a href="{{ site.base }}/forgot-password.html">I forgot password</a> <a href="{{ site.base }}/forgot-password.html">I forgot password</a>
</span> </span>
</label> </label>
<input type="password" class="form-control" placeholder="Password" autocomplete="off"> {% include ui/form/input-group.html type="password" append-button="eye:Show password" flat=true placeholder="Password" %}
</div> </div>
<div class="mb-2"> <div class="mb-2">
<label class="form-check"> <label class="form-check">
pages/_includes/cards/sign-up.html
+5 -5
View File
@@ -1,6 +1,6 @@
<form class="card" action="#" method="post"> <form class="card card-md" action="{{ site.base }}" method="get">
<div class="card-body p-5"> <div class="card-body">
<div class="card-title">Create new account</div> <h2 class="mb-5 text-center">Create new account</h2>
<div class="mb-3"> <div class="mb-3">
<label class="form-label">Name</label> <label class="form-label">Name</label>
@@ -12,12 +12,12 @@
</div> </div>
<div class="mb-3"> <div class="mb-3">
<label class="form-label">Password</label> <label class="form-label">Password</label>
<input type="password" class="form-control" placeholder="Password"> {% include ui/form/input-group.html type="password" append-button="eye:Show password" flat=true placeholder="Password" %}
</div> </div>
<div class="mb-3"> <div class="mb-3">
<label class="form-check"> <label class="form-check">
<input type="checkbox" class="form-check-input"/> <input type="checkbox" class="form-check-input"/>
<span class="form-check-label">Agree the <a href="#" tabindex="-1">terms and policy</a>.</span> <span class="form-check-label">Agree the <a href="{{ site.base }}" tabindex="-1">terms and policy</a>.</span>
</label> </label>
</div> </div>
pages/_includes/forms/form-elements-2.html
+4 -4
View File
@@ -24,20 +24,20 @@
<div class="mb-3"> <div class="mb-3">
<label class="form-label">Input with prepended text</label> <label class="form-label">Input with prepended text</label>
{% include ui/form/input-group.html prepend="https://tabler.io/users/" class="input-group-flat" input-class="pl-0" value="yourfancyusername" %} {% include ui/form/input-group.html prepend="https://tabler.io/users/" flat=true input-class="pl-0" value="yourfancyusername" %}
</div> </div>
<div class="mb-3"> <div class="mb-3">
<label class="form-label">Input with appended text</label> <label class="form-label">Input with appended text</label>
{% include ui/form/input-group.html append=".tabler.io" input-class="text-right pr-0" class="input-group-flat" value="yourfancydomain" %} {% include ui/form/input-group.html append=".tabler.io" input-class="text-right pr-0" flat=true value="yourfancydomain" %}
</div> </div>
<div class="mb-3"> <div class="mb-3">
<label class="form-label">Input with appended link</label> <label class="form-label">Input with appended link</label>
{% include ui/form/input-group.html append-link="Show password" class="input-group-flat" type="password" value="ultrastrongpassword" %} {% include ui/form/input-group.html append-link="Show password" flat=true type="password" value="ultrastrongpassword" %}
</div> </div>
<div class="mb-3"> <div class="mb-3">
<label class="form-label">Input with appended icon links</label> <label class="form-label">Input with appended icon links</label>
{% include ui/form/input-group.html append-button="x:Clear search,sliders:Search settings,bell:Add notification" class="input-group-flat" %} {% include ui/form/input-group.html append-button="x:Clear search,sliders:Search settings,bell:Add notification" flat=true %}
</div> </div>
pages/_includes/ui/empty.html
+1 -1
View File
@@ -18,6 +18,6 @@
<div class="empty-action"> <div class="empty-action">
{% assign button-text = include.button-text | default: "Search again" %} {% assign button-text = include.button-text | default: "Search again" %}
{% assign button-icon = include.button-icon | default: "search" %} {% assign button-icon = include.button-icon | default: "search" %}
{% include ui/button.html text=button-text color="primary" icon=button-icon href="index.html" %} {% include ui/button.html text=button-text color="primary" icon=button-icon href="." %}
</div> </div>
</div> </div>
pages/_includes/ui/form/input-group.html
+1 -1
View File
@@ -1,4 +1,4 @@
<div class="input-group{% if include.class %} {{ include.class }}{% endif %}"> <div class="input-group{% if include.flat %} input-group-flat{% endif %}{% if include.class %} {{ include.class }}{% endif %}">
{% if include.prepend %} {% if include.prepend %}
<div class="input-group-prepend"> <div class="input-group-prepend">
<span class="input-group-text"> <span class="input-group-text">
pages/_layouts/error.html
+7 -5
View File
@@ -1,10 +1,12 @@
--- ---
layout: base layout: base
body-class: border-top-wide border-primary body-class: border-top-wide border-primary d-flex flex-column
--- ---
<div class="d-flex align-items-center justify-content-center min-vh-100"> <div class="flex-fill d-flex align-items-center justify-content-center">
{% assign error = site.data.errors[page.error] %} <div class="container-tight py-6">
{% assign header = error.header | default: 'Oops… You just found an error page' %} {% assign error = site.data.errors[page.error] %}
{% include ui/empty.html icon="settings" illustration=error.illustration icon-text=error.title title=header subtitle=error.description button-icon="arrow-left" button-text="Take me home" %} {% assign header = error.header | default: 'Oops… You just found an error page' %}
{% include ui/empty.html icon="settings" illustration=error.illustration icon-text=error.title title=header subtitle=error.description button-icon="arrow-left" button-text="Take me home" %}
</div>
</div> </div>
pages/_layouts/single.html
+3 -3
View File
@@ -1,10 +1,10 @@
--- ---
layout: base layout: base
body-class: border-top-wide border-primary body-class: border-top-wide border-primary d-flex flex-column
--- ---
<div class="min-h-full d-flex flex-column justify-content-center"> <div class="flex-fill d-flex flex-column justify-content-center">
<div class="container-narrow py-6"> <div class="container-tight py-6">
<div class="text-center mb-4"> <div class="text-center mb-4">
<img src="{{ site.base }}/static/logo.svg" height="36" alt=""> <img src="{{ site.base }}/static/logo.svg" height="36" alt="">
</div> </div>
pages/tmp-dark.html
+1 -1
View File
@@ -37,7 +37,7 @@ page-title: Dark
<div class="mb-3"> <div class="mb-3">
<label class="form-label">Input with appended text</label> <label class="form-label">Input with appended text</label>
{% include ui/form/input-group.html append=".tabler.io" input-class="text-right pr-0" class="input-group-flat" %} {% include ui/form/input-group.html append=".tabler.io" input-class="text-right pr-0" flat=true %}
</div> </div>
<div class="mb-3"> <div class="mb-3">
pages/welcome.html
+1 -1
View File
@@ -16,7 +16,7 @@ layout: single
<div class="mb-3"> <div class="mb-3">
<label class="form-label">Create your Tabler URL</label> <label class="form-label">Create your Tabler URL</label>
<div class="form-hint">Choose a URL that describes you or your business in a concise way. Make it short and easy to remember so you can share links with ease.</div> <div class="form-hint">Choose a URL that describes you or your business in a concise way. Make it short and easy to remember so you can share links with ease.</div>
{% include ui/form/input-group.html prepend="https://tabler.io/" input-class="pl-1" class="input-group-flat" %} {% include ui/form/input-group.html prepend="https://tabler.io/" input-class="pl-1" flat=true %}
</div> </div>
<div> <div>
scss/_variables.scss
+1 -1
View File
@@ -196,7 +196,7 @@ $container-max-widths: (
$container-variations: ( $container-variations: (
tight: 30rem, tight: 30rem,
narrow: 32.5rem, narrow: 45rem,
) !default; ) !default;
$embed-responsive-aspect-ratios: ( $embed-responsive-aspect-ratios: (
scss/ui/typo/_hr.scss
+1 -1
View File
@@ -14,7 +14,7 @@ Hr text
align-items: center; align-items: center;
margin: $hr-margin-y 0; margin: $hr-margin-y 0;
@include subheader; @include subheader;
line-height: 1rem; height: 1px;
&:after, &:after,
&:before { &:before {