diff --git a/frontend/src/resources/css/inbox-app.css b/frontend/src/resources/css/inbox-app.css index d512fe9e..7ce39ceb 100644 --- a/frontend/src/resources/css/inbox-app.css +++ b/frontend/src/resources/css/inbox-app.css @@ -288,45 +288,3 @@ body.webbpm [id="page"], } /*------------- end Menu tasks ----------- */ -/*----------------- Login ---------------- */ -.webbpm :is(.form-signin, .form-signup, .confirm) { - color: var(--color-text-primary); - width: 560px; - padding: 60px 80px; - margin: 30px auto; - border: 0; - border-radius: 15px; - box-shadow: 0px 0px 30px 2px rgb(77 72 91 / 12%); - background-color: var(--white); -} - -.webbpm :is(.form-signin, .form-signup) .row.title { - position: relative; - padding: 0; -} - -.webbpm .form-signin h1, -.webbpm .form-signin h2, -.webbpm .form-signup h2, -.webbpm .confirm h2 { - font-family: 'SegoeB'; - font-size: 32px; - text-align: left; - margin-bottom: 20px; -} - -.webbpm :is(.form-signin, .form-signup, .confirm) .logo { - position: absolute; - top: -10px; - right: 0; - width: 145px; - height: 40px; - background: none; -} - -.webbpm .form-signin .row.registration > * + *, -.webbpm .form-signin .login-btn-box .password, -.webbpm .form-signin .login-btn-box .btn + .btn { - margin-left: 20px; -} -/*--------------- end Login -------------- */ \ No newline at end of file diff --git a/frontend/src/resources/css/inbox-lkrp.css b/frontend/src/resources/css/inbox-lkrp.css index 19606230..fdb49d3f 100644 --- a/frontend/src/resources/css/inbox-lkrp.css +++ b/frontend/src/resources/css/inbox-lkrp.css @@ -29,10 +29,11 @@ font-style: normal; } -body { +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 { @@ -40,10 +41,12 @@ body { --color-text-secondary: #acacac; --color-link: #c64e1b; --color-link-hover: #fa773f; + --color-form: #3f434b; --color-bg-main: #223d36; --color-light: #868b87; --bg-light: #fafafa; --bg-warn: #ffdcc6; + --bg-form: #eee; --border-light: #d2d2d2; --h-header: 64px; @@ -52,6 +55,7 @@ body { --size-text-title: 36px; --size-text-subtitle: 20px; + --size-text-form: 28px; --size-text-primary: 18px; --size-text-secondary: 16px; @@ -178,6 +182,7 @@ body { .webbpm.ervu_lkrp_ul .container { padding-top: var(--h-header); bottom: var(--h-footer); + background-color: var(--white); .container-inside { font-family: 'Inter'; @@ -227,6 +232,56 @@ body { } } +/*----------------- Login ---------------- */ +.webbpm.ervu_lkrp_ul :is(.form-signin, .form-signup, .confirm) { + color: var(--color-text-primary); + width: 500px; + padding: 32px; + margin: 30px auto; + border: 0; + border-radius: 8px; + background-color: var(--white); +} + +.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) { + .logo { + padding-left: 128px; + + &::after { + + } + } + input { + height: 56px; + border: 0; + border-radius: 8px; + background-color: var(--bg-light); + } +} + +.webbpm.ervu_lkrp_ul .form-signin .row.registration > * + *, +.webbpm.ervu_lkrp_ul .form-signin .login-btn-box .password, +.webbpm.ervu_lkrp_ul .form-signin .login-btn-box .btn + .btn { + margin-left: 32px; +} +/*--------------- end Login -------------- */ + .webbpm.ervu_lkrp_ul .loader { font-size: 15px; left: calc(50% - 50px); diff --git a/frontend/src/resources/img/svg/form-logo.svg b/frontend/src/resources/img/svg/form-logo.svg new file mode 100644 index 00000000..3defded5 --- /dev/null +++ b/frontend/src/resources/img/svg/form-logo.svg @@ -0,0 +1,28 @@ + diff --git a/frontend/src/resources/template/app/component/login.html b/frontend/src/resources/template/app/component/login.html index 109c8b9a..5efdbe33 100644 --- a/frontend/src/resources/template/app/component/login.html +++ b/frontend/src/resources/template/app/component/login.html @@ -1,51 +1,50 @@