Skip to content

Commit 282da94

Browse files
moradidevmoradidev
committed
mostafa
1 parent c7d072a commit 282da94

File tree

3 files changed

+69
-40
lines changed

3 files changed

+69
-40
lines changed

‎resources/css/theme.css‎

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

3341-
.login-page {
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 {
33423346
width: 100%;
3343-
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);
33463347
}
3347-
3348-
.help-icon svg #Path_20512, #Path_20511 {
3349-
fill: {{ setting_value('visiosoft.theme.defaultadmin::primary_color') }};
3348+
.login-form-block .login-remember-me {
3349+
border-color: red;
33503350
}

‎resources/views/layouts/login.twig‎

Lines changed: 47 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,8 +6,53 @@
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">
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>
1156
{% block content %}{% endblock %}
1257

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

‎resources/views/login.twig‎

Lines changed: 15 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -2,50 +2,39 @@
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-
3225
{% set form = form('login').redirect('admin').get() %}
33-
3426
{{ form.open|raw }}
35-
3627
<div class="form-group">
3728
{% if setting_value('anomaly.module.users::login') == 'username' %}
3829
{{ form.fields.username.setValue(app.request.get('username')).setPlaceholder(form.fields.username.label).addAttribute('autofocus', 1).input|raw }}
3930
{% else %}
4031
{{ form.fields.email.setValue(app.request.get('username')).setPlaceholder(form.fields.email.label).addAttribute('autofocus', 1).input|raw }}
4132
{% endif %}
4233
</div>
43-
4434
<div class="form-group">
4535
{{ form.fields.password.setValue(app.request.get('password')).setPlaceholder(form.fields.password.label).input|raw }}
4636
</div>
47-
48-
<div class="form-group checkbox pull-left">
37+
<div class="form-group checkbox pull-left login-remember-me">
4938
<label>
5039
{{ form_checkbox("remember", null, false, {'id': 'remember'}) }}
5140
{{ trans('anomaly.module.users::field.remember_me.name') }}
@@ -58,19 +47,14 @@
5847
{{ trans('anomaly.module.users::button.login') }}
5948
</button>
6049
</div>
61-
6250
{{ form.close|raw }}
63-
6451
<div class="clearfix"></div>
65-
6652
<a href="{{ url_route('anomaly.module.users::password.forgot') }}">
6753
<small>
6854
{{ trans('anomaly.module.users::message.forgot_password') }}
6955
</small>
7056
</a>
71-
7257
</div>
7358
</div>
7459
</div>
75-
7660
{% endblock %}

0 commit comments

Comments
 (0)