Skip to content

Commit f2dc919

Browse files
author
Muammer Top
authored
Merge pull request #5 from openclassify/mostafa
login page new design
2 parents 6b0d857 + aa63142 commit f2dc919

File tree

4 files changed

+96
-45
lines changed

4 files changed

+96
-45
lines changed

‎resources/css/theme.css‎

Lines changed: 61 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3338,13 +3338,70 @@ background-color: inherit !important;
33383338
color: {{ setting_value('visiosoft.theme.defaultadmin::background_color') }} !important;
33393339
}
33403340

3341+
.login-form-block {
3342+
border-radius: 5px !important;
3343+
background-color: {{ setting_value('visiosoft.theme.defaultadmin::background_color') }} !important;
3344+
}
3345+
.login-form-block .form-control {
3346+
width: 100%;
3347+
}
3348+
.login-form-block .login-remember-me {
3349+
color: #aaaaaa !important;
3350+
}
3351+
.login-form-forget a {
3352+
font-size: 0.7rem;
3353+
color: #aaaaaa !important;
3354+
}
33413355
.login-page {
33423356
width: 100%;
33433357
height: 100%;
3344-
background: linear-gradient(170deg, rgba(186, 39, 55, 1) 0%, rgba(186, 39, 55, 1) 60%, rgba(239, 197, 202, 1) 60%, rgba(239, 197, 202, 1) 0%);
3345-
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ba2737', endColorstr='#efc5ca', GradientType=1);
3358+
display: flex;
3359+
justify-content: center;
3360+
align-items: center;
3361+
background: linear-gradient(172deg,
3362+
#4764a4 0%,
3363+
#4764a4 60%,
3364+
#30426a 60%,
3365+
#30426a 0%);
3366+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4764a4",
3367+
endColorstr="#30426a", GradientType=1);
33463368
}
3347-
33483369
.help-icon svg #Path_20512, #Path_20511 {
3349-
fill: {{ setting_value('visiosoft.theme.defaultadmin::primary_color') }};
3370+
fill: {{ setting_value('visiosoft.theme.defaultadmin::primary_color') }};
3371+
}
3372+
.login-logo img, .login-logo svg {
3373+
height: 80px !important;
3374+
width: 100px !important;
3375+
}
3376+
.login-site-name {
3377+
text-transform: uppercase !important;
3378+
color: {{ setting_value('visiosoft.theme.defaultadmin::background_color') }} !important;
3379+
font-weight: bold;
3380+
font-size: 2.5rem;
3381+
padding-bottom: 1rem;
3382+
}
3383+
.login-site-subtitle {
3384+
color: {{ setting_value('visiosoft.theme.defaultadmin::background_color') }} !important;
3385+
opacity: 0.5;
3386+
padding-bottom: 1rem;
3387+
}
3388+
.login-form-block {
3389+
padding: 30px 15px;
3390+
box-shadow: 0px 0px 15px {{ setting_value('visiosoft.theme.defaultadmin::primary_color') }};
3391+
}
3392+
.login-form-block .form-control::placeholder {
3393+
color: {{ setting_value('visiosoft.theme.defaultadmin::background_color') }} !important;
3394+
filter: brightness(80%);
3395+
}
3396+
.login-form-block .form-control {
3397+
border-color: #ddd !important;
3398+
}
3399+
.login-form-title h4 {
3400+
color: #4764a4 !important;
3401+
}
3402+
.login-page-copyright {
3403+
padding-top: 25px;
3404+
color: #fff !important;
3405+
opacity: 0.3;
3406+
font-size: 0.7rem;
33503407
}

‎resources/lang/en/control_panel.php‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,4 +13,6 @@
1313

1414
// Adv Export
1515
'choose_file_type' => 'Choose File Type For Export',
16+
17+
'login_to_admin' => ['name' => 'Login to admin']
1618
];

‎resources/views/layouts/login.twig‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,8 +6,7 @@
66
{% include "theme::partials/metadata" %}
77
</head>
88

9-
<body id="login" class="variant-{{ random(8) }}" data-variants="8">
10-
9+
<body class="login-page">
1110
{% block content %}{% endblock %}
1211

1312
{% include "theme::partials/assets" %}

‎resources/views/login.twig‎

Lines changed: 32 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -2,75 +2,68 @@
22

33
{% block content %}
44

5-
<div class="logo-container">
6-
<div class="logo">
7-
{% if setting_value('visiosoft.theme.defaultadmin::login_icon') %}
8-
<img src="{{ file(setting_value('visiosoft.theme.defaultadmin::login_icon')).make.path }}" alt="site icon">
9-
{% else %}
10-
{{ img('theme::img/login-icon.svg').data|raw }}
11-
{% endif %}
12-
{{ setting_value('visiosoft.theme.defaultadmin::title') }}
13-
</div>
14-
<div class="overlay"></div>
15-
</div>
16-
17-
<div class="login-container variant-background-pattern">
18-
<div class="login-wrapper container-fluid">
19-
20-
<div class="logo">
5+
<div>
6+
<div class="login-logo">
7+
<div class="text-center">
218
{% if setting_value('visiosoft.theme.defaultadmin::login_icon') %}
22-
<img src="{{ file(setting_value('visiosoft.theme.defaultadmin::login_icon')).make.path }}" alt="site icon">
9+
<img src="{{ file(setting_value('visiosoft.theme.defaultadmin::login_icon')).make.path }}"
10+
alt="site icon">
2311
{% else %}
2412
{{ img('theme::img/login-icon.svg').data|raw }}
2513
{% endif %}
2614
</div>
27-
28-
<div class="col-sm-12 offset-sm-6">
29-
15+
<div class="text-center text-capitalize login-site-name">
16+
{{ setting_value('visiosoft.theme.defaultadmin::title') }}
17+
</div>
18+
<div class="text-center text-capitalize login-site-subtitle">
19+
{{ config('app.env') }}
20+
</div>
21+
</div>
22+
<div class="login-form-block row">
23+
<div class="col-sm-24">
3024
{% include "theme::partials/messages" %}
31-
25+
<div class="text-center pb-2 login-form-title">
26+
<h4>
27+
{{ trans('visiosoft.theme.defaultadmin::control_panel.login_to_admin.name') }}
28+
</h4>
29+
</div>
3230
{% set form = form('login').redirect('admin').get() %}
33-
3431
{{ form.open|raw }}
35-
3632
<div class="form-group">
3733
{% if setting_value('anomaly.module.users::login') == 'username' %}
3834
{{ form.fields.username.setValue(app.request.get('username')).setPlaceholder(form.fields.username.label).addAttribute('autofocus', 1).input|raw }}
3935
{% else %}
4036
{{ form.fields.email.setValue(app.request.get('username')).setPlaceholder(form.fields.email.label).addAttribute('autofocus', 1).input|raw }}
4137
{% endif %}
4238
</div>
43-
4439
<div class="form-group">
4540
{{ form.fields.password.setValue(app.request.get('password')).setPlaceholder(form.fields.password.label).input|raw }}
4641
</div>
47-
48-
<div class="form-group checkbox pull-left">
42+
<div class="form-group checkbox login-remember-me">
4943
<label>
5044
{{ form_checkbox("remember", null, false, {'id': 'remember'}) }}
5145
{{ trans('anomaly.module.users::field.remember_me.name') }}
5246
</label>
5347
</div>
54-
55-
<div class="form-group pull-right">
56-
<button type="submit" value="Login" class="btn btn-white btn-outline"
48+
<div class="form-group text-center login-form-button">
49+
<button type="submit" value="Login" class="btn btn-primary btn-outline px-3"
5750
onclick="$('body').addClass('success');">
5851
{{ trans('anomaly.module.users::button.login') }}
5952
</button>
6053
</div>
61-
6254
{{ form.close|raw }}
63-
6455
<div class="clearfix"></div>
65-
66-
<a href="{{ url_route('anomaly.module.users::password.forgot') }}">
67-
<small>
68-
{{ trans('anomaly.module.users::message.forgot_password') }}
69-
</small>
70-
</a>
71-
56+
<div class="login-form-forget text-center">
57+
<a href="{{ url_route('anomaly.module.users::password.forgot') }}">
58+
<small>
59+
{{ trans('anomaly.module.users::message.forgot_password') }}
60+
</small>
61+
</a>
62+
</div>
7263
</div>
7364
</div>
65+
<div class="login-page-copyright text-center">
66+
&copy; {{ 'now'|date('Y') }} {{ setting_value('visiosoft.theme.defaultadmin::footer_copyright_org_name') }}
67+
</div>
7468
</div>
75-
7669
{% endblock %}

0 commit comments

Comments
 (0)