Merge pull request #334 from openclassify/vedat

#895 Login page
This commit is contained in:
Fatih Alp 2020-02-17 18:10:05 +03:00 committed by GitHub
commit c68293356b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 139 additions and 11 deletions

View File

@ -7,4 +7,123 @@
.register-section button,
.register-section a {
font-size: 16px;
}
.login_subject {
color: #333;
font-weight: bold;
font-size: 18px;
}
.login-section label {
font-size: 13px;
}
.forgot_password {
display: inline-block;
float: right;
color: #868f94;
}
.forgot_password:hover {
text-decoration: underline;
}
.login-section button {
padding: 9px 22px;
margin-bottom: 0;
font-family: 'Lucida Grande','LucidaGrande',Arial,sans-serif;
font-weight: bold;
text-align: center;
vertical-align: middle;
cursor: pointer;
border-radius: 2px;
color: #fff;
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top,#6198d3,#437db9);
background-image: -ms-linear-gradient(top,#6198d3,#437db9);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#6198d3),color-stop(100%,#437db9));
background-image: -webkit-linear-gradient(top,#6198d3,#437db9);
background-image: -o-linear-gradient(top,#6198d3,#437db9);
background-image: linear-gradient(top,#6198d3,#437db9);
line-height: 1.3em;
outline: 0;
background: #489ae9;
box-shadow: 1px 0 2px 0 rgba(0,0,0,0.13), 0 0 4px 0 rgba(0,0,0,0.11), 0 2px 3px 0 rgba(0,0,0,0.16);
border: 0;
text-shadow: none;
height: 50px;
font-size: 16px;
width: 100%;
display: block;
}
.login-section button:hover {
color: #fff;
background: #4594de;
text-decoration: none;
}
.remember_me {
padding: 12px 0 0 5px;
display: inline-block;
color: #36454d;
font-size: 13px;
}
.remember_me input {
margin: 0;
vertical-align: 1px;
font: 12px "Lucida Grande","LucidaGrande",Arial,sans-serif;
}
.register-section h3 {
font-size: 18px;
margin: 0 0 43px 0;
padding-left: 0;
padding-right: 0;
width: 100%;
color: #333;
font-weight: bold;
}
.register-section p {
color: #36454d;
margin-bottom: 20px;
font-size: 13px;
}
.register-section a {
background: #fafafa;
box-shadow: 1px 0 2px 0 rgba(0,0,0,0.13), 0 0 4px 0 rgba(0,0,0,0.11), 0 2px 3px 0 rgba(0,0,0,0.16);
border-radius: 2px;
border: 0;
font-weight: bold;
height: 50px;
font-size: 16px;
text-shadow: 0 2px 11px #fff;
display: block;
width: 100%;
padding: 15px 22px;
color: #489ae8;
}
.register-section a:hover {
background: #fafafa;
color: #489ae8;
}
@media only screen and (min-width: 470px) {
.login-section {
padding: 70px 78px 148px 77px;
}
.register-section {
padding-top: 143px;
padding-left: 80px;
padding-right: 85px;
background-color: #fff;
}
#header {
display: none;
}
}

View File

@ -20,7 +20,7 @@ return [
'not_a_member_yet' => 'Henüz Üye Değil Misiniz',
'not_a_member_yet_message' => 'Üyelerimize özel hizmetlerimizden faydalanabilmek için üye olun',
'forgot_password' => 'Şifremi Unuttum',
'email_or_phone_number' => 'E-Posta Adresiniz veya Telefon Numaranız',
'email_or_phone_number' => 'E-Posta veya Telefon Numarası',
'phone_number' => 'Telefon Numarası',
// Registration instructions

View File

@ -1,8 +1,17 @@
{% extends "theme::layouts/default" %}
{% block content %}
{% set logo_web = file(setting_value('visiosoft.theme.sahibinden::logo_web')).url %}
{% if logo_web is null %}
{% set logo_web = img('visiosoft.theme.sahibinden::images/logo_web.png').url %}
{% endif %}
<div class="col-12 px-5 mx-4">
<a href="{{ url("/") }}">
<img class="img-responsive d-none d-sm-block logo-web"
src="{{ logo_web }}"></a>
</div>
<div class="row justify-content-center">
<div class="col-12 text-left p-3 m-0 row justify-content-center">
<div class="col-12 text-left m-0 row justify-content-center">
<div class="col-12 col-lg-5 m-3 login-section">
{% set form = form('signIn')
@ -13,9 +22,9 @@
'url':form.options.url
})|raw }}
<div class="col-12 pt-4 pt-lg-0">
<h5 class="text-center">
<h3 class="text-center login_subject">
{{ trans('visiosoft.theme.base::button.login') }}
</h5>
</h3>
<div class="form-group email-field email-field_type">
<label class="control-label">
{{ trans('visiosoft.theme.base::field.email_or_phone_number') }}
@ -38,7 +47,7 @@
</div>
<div class="col-6 p-0 text-right">
<a href="{{ url_route('anomaly.module.users::password.forgot') }}">
<small class="text-muted">
<small class="forgot_password">
{{ trans('visiosoft.theme.base::field.forgot_password') }}
</small>
</a>
@ -51,13 +60,13 @@
</div>
</div>
<div class="col-12 row m-0 pb-4 pb-lg-0">
<button class="btn btn-sm btn-primary font-weight-bolder w-100 py-3">
<button class="btn btn-sm font-weight-bolder w-100 py-3">
<i class="fas fa-key"></i>
{{ trans('visiosoft.theme.base::button.login') }}
</button>
</div>
<div class="col-12 py-2">
<label class="c-input c-checkbox">
<div class="col-12 py-0">
<label class="c-input c-checkbox remember_me">
<input value="0" type="hidden" name="remember_me">
<input type="checkbox" name="remember_me">
<span class="c-indicator"></span>
@ -72,10 +81,10 @@
<div class="col-12 col-lg-5 m-3 py-4 row register-section align-items-center">
<div class="col-12 text-center">
<h3 class="py-2">{{ trans('visiosoft.theme.base::field.not_a_member_yet') }}?</h3>
<p class="py-2">{{ trans('visiosoft.theme.base::field.not_a_member_yet_message') }}.</p>
<h3 class="py-0">{{ trans('visiosoft.theme.base::field.not_a_member_yet') }}?</h3>
<p class="py-0">{{ trans('visiosoft.theme.base::field.not_a_member_yet_message') }}.</p>
<a href="{{ url('register') }}"
class="btn btn-sm btn-white font-weight-bolder border text-primary w-100 py-3 mt-1">
class="btn btn-sm">
<i class="fas fa-user-plus"></i>
{{ trans('visiosoft.theme.base::button.register') }}
</a>