Skip to content

Commit aa63142

Browse files
MostafaMoradiiMostafaMoradii
committed
login page
1 parent 282da94 commit aa63142

File tree

4 files changed

+78
-56
lines changed

4 files changed

+78
-56
lines changed

‎resources/css/theme.css‎

Lines changed: 58 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3346,5 +3346,62 @@ color: {{ setting_value('visiosoft.theme.defaultadmin::background_color') }} !im
33463346
width: 100%;
33473347
}
33483348
.login-form-block .login-remember-me {
3349-
border-color: red;
3349+
color: #aaaaaa !important;
3350+
}
3351+
.login-form-forget a {
3352+
font-size: 0.7rem;
3353+
color: #aaaaaa !important;
3354+
}
3355+
.login-page {
3356+
width: 100%;
3357+
height: 100%;
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);
3368+
}
3369+
.help-icon svg #Path_20512, #Path_20511 {
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: 0 additions & 46 deletions
Original file line numberDiff line numberDiff line change
@@ -7,52 +7,6 @@
77
</head>
88

99
<body class="login-page">
10-
<style>
11-
.login-page {
12-
width: 100%;
13-
height: 100%;
14-
display: flex;
15-
justify-content: center;
16-
align-items: center;
17-
background: linear-gradient(172deg,
18-
{{ setting_value('visiosoft.theme.defaultadmin::secondary_color') }} 0%,
19-
{{ setting_value('visiosoft.theme.defaultadmin::secondary_color') }} 60%,
20-
{{ setting_value('visiosoft.theme.defaultadmin::primary_color') }} 60%,
21-
{{ setting_value('visiosoft.theme.defaultadmin::primary_color') }} 0%);
22-
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr={{ setting_value('visiosoft.theme.defaultadmin::secondary_color') }},
23-
endColorstr={{ setting_value('visiosoft.theme.defaultadmin::primary_color') }}, GradientType=1);
24-
}
25-
.help-icon svg #Path_20512, #Path_20511 {
26-
fill: {{ setting_value('visiosoft.theme.defaultadmin::primary_color') }};
27-
}
28-
.login-logo img, .login-logo svg {
29-
height: 80px !important;
30-
width: 100px !important;
31-
}
32-
.login-site-name {
33-
text-transform: uppercase !important;
34-
color: {{ setting_value('visiosoft.theme.defaultadmin::background_color') }} !important;
35-
font-weight: bold;
36-
font-size: 2.5rem;
37-
padding-bottom: 1rem;
38-
}
39-
.login-site-subtitle {
40-
color: {{ setting_value('visiosoft.theme.defaultadmin::background_color') }} !important;
41-
opacity: 0.5;
42-
padding-bottom: 1rem;
43-
}
44-
.login-form-block {
45-
padding: 30px 15px;
46-
box-shadow: 0px 0px 15px {{ setting_value('visiosoft.theme.defaultadmin::primary_color') }};
47-
}
48-
.login-form-block .form-control::placeholder {
49-
color: {{ setting_value('visiosoft.theme.defaultadmin::background_color') }} !important;
50-
filter: brightness(80%);
51-
}
52-
.login-form-block .form-control {
53-
border-color: #ddd !important;
54-
}
55-
</style>
5610
{% block content %}{% endblock %}
5711

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

‎resources/views/login.twig‎

Lines changed: 18 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -22,6 +22,11 @@
2222
<div class="login-form-block row">
2323
<div class="col-sm-24">
2424
{% include "theme::partials/messages" %}
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>
2530
{% set form = form('login').redirect('admin').get() %}
2631
{{ form.open|raw }}
2732
<div class="form-group">
@@ -34,27 +39,31 @@
3439
<div class="form-group">
3540
{{ form.fields.password.setValue(app.request.get('password')).setPlaceholder(form.fields.password.label).input|raw }}
3641
</div>
37-
<div class="form-group checkbox pull-left login-remember-me">
42+
<div class="form-group checkbox login-remember-me">
3843
<label>
3944
{{ form_checkbox("remember", null, false, {'id': 'remember'}) }}
4045
{{ trans('anomaly.module.users::field.remember_me.name') }}
4146
</label>
4247
</div>
43-
44-
<div class="form-group pull-right">
45-
<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"
4650
onclick="$('body').addClass('success');">
4751
{{ trans('anomaly.module.users::button.login') }}
4852
</button>
4953
</div>
5054
{{ form.close|raw }}
5155
<div class="clearfix"></div>
52-
<a href="{{ url_route('anomaly.module.users::password.forgot') }}">
53-
<small>
54-
{{ trans('anomaly.module.users::message.forgot_password') }}
55-
</small>
56-
</a>
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>
5763
</div>
5864
</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>
5968
</div>
6069
{% endblock %}

0 commit comments

Comments
 (0)