micord/ervu-lkrp-ul
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

//

Browse source
This commit is contained in:
m.epshtein 2024-07-15 11:44:47 +03:00
parent a539f5031b
commit 24364bfe5c
2 changed files with 37 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

57
frontend/src/resources/css/inbox-lkrp.css
View file

@ -33,7 +33,6 @@ body.webbpm.ervu_lkrp_ul {
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
background-color: var(--bg-form);
}
.webbpm.ervu_lkrp_ul {
@ -48,6 +47,7 @@ body.webbpm.ervu_lkrp_ul {
--bg-warn: #ffdcc6;
--bg-form: #eee;
--border-light: #d2d2d2;
--bg-shadow: 0 19px 19px 8px rgba(230, 230, 230, 0.19), 0 0px 4px 0px #f3f3f3;
--h-header: 64px;
--h-footer: 120px;
@ -55,7 +55,6 @@ body.webbpm.ervu_lkrp_ul {
--size-text-title: 36px;
--size-text-subtitle: 20px;
--size-text-form: 28px;
--size-text-primary: 18px;
--size-text-secondary: 16px;
@ -182,7 +181,6 @@ body.webbpm.ervu_lkrp_ul {
.webbpm.ervu_lkrp_ul .container {
padding-top: var(--h-header);
bottom: var(--h-footer);
background-color: var(--white);
.container-inside {
font-family: 'Inter';
@ -235,43 +233,54 @@ body.webbpm.ervu_lkrp_ul {
/*----------------- Login ---------------- */
.webbpm.ervu_lkrp_ul :is(.form-signin, .form-signup, .confirm) {
color: var(--color-text-primary);
width: 500px;
font-size: var(--size-text-secondary);
width: 502px;
padding: 32px;
margin: 30px auto;
border: 0;
border-radius: 8px;
background-color: var(--white);
}
box-shadow: var(--bg-shadow);
.webbpm.ervu_lkrp_ul :is(.form-signin, .form-signup) .row.title {
position: relative;
padding: 0;
}
.webbpm.ervu_lkrp_ul .form-signin h1,
.webbpm.ervu_lkrp_ul .form-signin h2,
.webbpm.ervu_lkrp_ul .form-signup h2,
.webbpm.ervu_lkrp_ul .confirm h2 {
color: var(--color-form);
font-family: 'InterB';
font-size: var(--size-text-form);
text-align: left;
margin-bottom: 32px;
}
.webbpm.ervu_lkrp_ul :is(.form-signin, .form-signup, .confirm) {
h1, h2 {
color: var(--color-form);
font-family: 'InterB';
font-size: var(--size-text-subtitle);
text-align: left;
margin-bottom: 0;
}
.logo {
padding-left: 128px;
position: relative;
display: flex;
justify-content: center;
height: 76px;
padding: 0 0 0 128px;
&::after {
position: absolute;
content: "";
left: 0;
width: 112px;
height: 72px;
background-image: url(../img/svg/form-logo.svg);
}
}
input {
height: 56px;
padding-left: 16px;
border: 0;
border-radius: 8px;
background-color: var(--bg-light);
&[type="password"] {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
& + .input-group-append > .input-group-text {
border: 0;
background-color: var(--bg-light);
}
}
}
}

10
frontend/src/resources/template/app/component/login.html
View file

@ -4,26 +4,24 @@
</div>
<div class="alert alert-danger" [hidden]="!errorMessage">{{errorMessage}}</div>
<div class="row logo">
<div class="logo">
<h2>Воинский учет в организациях</h2>
</div>
<div class="row">
<label>Пользователь</label>
<div class="input-group">
<input type="text" name="username" class="form-control" placeholder="Пользователь" required autofocus
<input type="text" name="username" class="form-control" placeholder="Логин" required autofocus
[(ngModel)]="username" maxlength="100">
</div>
</div>
<div class="row">
<label>Пароль</label>
<div class="input-group">
<input
[type]="passwordType ? 'text' : 'password'"
name="password"
class="form-control field-password-view"
placeholder="" required
placeholder="Пароль" required
[(ngModel)]="password"
maxlength="100"
>
@ -40,7 +38,7 @@
</span>
</div>
</div>
<div class="password"><a href="#/reset-password">Забыли пароль?</a></div>
<div class="password"><a href="#/reset-password">Восстановить пароль</a></div>
</div>
<div class="login-btn-box">
<!--<esia-login-button></esia-login-button>-->