Login UI optimize

This commit is contained in:
MaxKey
2022-02-09 21:18:58 +08:00
parent 01ad6c7614
commit 0a1d5d1aff
8 changed files with 61 additions and 31 deletions

View File

@@ -21,7 +21,12 @@
</tr>
<tr>
<td><@locale code="login.text.captcha"/></td>
<td><input required="" class="form-control" type='text' id="j_captcha" name="captcha" tabindex="3" value="" style="float: left;"/><img id="j_captchaimg" class="captcha-image" src="<@base/>/captcha"/></td>
<td>
<div class="input-group" >
<input required="" class="form-control" type='text' id="j_captcha" name="captcha" tabindex="3" value=""/>
<img id="j_captchaimg" class="captcha-image" src="<@base/>/captcha"/>
</div>
</td>
</tr>
<tr>

View File

@@ -7,23 +7,23 @@
</td>
</tr>
<tr>
<td><@locale code="login.text.mobile"/></td>
<!--<td><@locale code="login.text.mobile"/></td>-->
<td>
<div class="wrapper">
<div class="input-group" style="width:250px;">
<div class="input-group" >
<i class="fa fa-mobile"></i>
<input required="" class="form-control" type='text' id='mobile_j_username' name='username' value="" tabindex="1"/>
<input required="" class="form-control" type='text' id='mobile_j_username' name='username' value="" tabindex="1" placeholder='<@locale code="login.text.mobile"/>'/>
</div>
</div>
</td>
</tr>
<tr>
<td><@locale code="login.text.smscode"/></td>
<!--<td><@locale code="login.text.smscode"/></td>-->
<td>
<div class="wrapper">
<div class="input-group" style="width:250px;">
<div class="input-group" >
<i class="fa fa-lock fa-2"></i>
<input required="" class="form-control" type='password' id='mobile_j_password' name='password' value="" tabindex="2" style="float: left;"/>
<input required="" class="form-control" type='password' id='mobile_j_password' name='password' value="" tabindex="2" style="float: left;" placeholder='<@locale code="login.text.smscode"/>'/>
<button class="btn btn-outline-secondary" id="mobile_j_otp_button" tabindex="5" type="button" >
<@locale code="login.text.login.mobile.obtain"/>
</button>

View File

@@ -7,37 +7,37 @@
</td>
</tr>
<tr>
<td><@locale code="login.text.username"/></td>
<!--<td><@locale code="login.text.username"/></td>-->
<td>
<div class="wrapper">
<div class="input-group" style="width:250px;">
<div class="input-group" >
<i class="fa fa-user" ></i>
<input required="" class="form-control" type='text' id='j_username' name='username' value="admin" tabindex="1"/>
<input required="" class="form-control" type='text' id='j_username' name='username' value="admin" tabindex="1" placeholder='<@locale code="login.text.username"/>' />
</div >
</div >
</td>
</tr>
<tr>
<td><@locale code="login.text.password"/></td>
<!--<td><@locale code="login.text.password"/></td>-->
<td>
<div class="wrapper">
<div class="input-group" style="width:250px;">
<div class="input-group" >
<i class="fa fa-key fa-2" style="color: #FFD700;"></i>
<input required="" class="form-control" type='password' id='j_password' name='password' value="maxkey" tabindex="2"/>
<i class="passwdeye fa fa-eye-slash fa-2" style="left: 220px; color: gainsboro;" refid="j_password" ></i>
<input required="" class="form-control" type='password' id='j_password' name='password' value="maxkey" tabindex="2" placeholder='<@locale code="login.text.password"/>'/>
<i class="passwdeye fa fa-eye-slash fa-2" style="left: 270px; color: gainsboro;" refid="j_password" ></i>
</div >
</div >
</td>
</tr>
<#if true==isCaptcha>
<tr>
<td><@locale code="login.text.captcha"/></td>
<!--<td><@locale code="login.text.captcha"/></td>-->
<td>
<div class="wrapper">
<div class="input-group" style="width:250px;">
<div class="input-group" >
<i class="fa fa-lock fa-2" ></i>
<input required="" class="form-control " type='text' id="j_captcha" name="captcha" tabindex="3" value="" style="float: left;"/>
<input required="" class="form-control " type='text' id="j_captcha" name="captcha" tabindex="3" value="" style="float: left;" placeholder='<@locale code="login.text.captcha"/>'/>
<img id="j_captchaimg" class="captcha-image" src="<@base/>/captcha"/>
</div >
</div >

View File

@@ -7,30 +7,30 @@
</td>
</tr>
<tr>
<td><@locale code="login.text.username"/></td>
<!--<td><@locale code="login.text.username"/></td>-->
<td>
<div class="wrapper">
<i class="fa fa-user"></i>
<input required="" class="form-control" type='text' id='tfa_j_username' name='username' value="" tabindex="1"/>
<input required="" class="form-control" type='text' id='tfa_j_username' name='username' value="" tabindex="1" placeholder='<@locale code="login.text.username"/>'/>
</div>
</td>
</tr>
<tr>
<td><@locale code="login.text.password"/></td>
<!--<td><@locale code="login.text.password"/></td>-->
<td>
<div class="wrapper">
<i class="fa fa-key fa-2" style="color: #FFD700;"></i>
<input required="" class="form-control" type='password' id='tfa_j_password' name='password' value="" tabindex="2" />
<input required="" class="form-control" type='password' id='tfa_j_password' name='password' value="" tabindex="2" placeholder='<@locale code="login.text.password"/>'/>
</div>
</td>
</tr>
<#if true==isMfa >
<tr>
<td><@locale code="login.text.captcha"/></td>
<!--<td><@locale code="login.text.captcha"/></td>-->
<td>
<div class="wrapper">
<i class="fa fa-lock fa-2"></i>
<input required="" class="form-control" type='text' id="tfa_j_otp_captcha" name="otpCaptcha" tabindex="3" value="" style="float: left;"/>
<input required="" class="form-control" type='text' id="tfa_j_otp_captcha" name="otpCaptcha" tabindex="3" value="" style="float: left;" placeholder='<@locale code="login.text.captcha"/>'/>
<button class="btn btn-outline-secondary" id="tfa_j_otp_button" tabindex="5" type="button" >
<@locale code="login.text.login.twofactor.obtain"/>
</button>

View File

@@ -22,7 +22,7 @@
<div class="row">
</#if>
<div class="col-3" style="min-width: 160px;">
<table class="none" style="min-width: 160px; min-height: 120px;border-spacing: 0;border-collapse: collapse;">
<table class="none" style="width: 100%; min-height: 120px;border-spacing: 0;border-collapse: collapse;">
<tr><td style="text-align: center;border-spacing: 0;border-collapse: collapse;border: 0px;">
<a target="_blank" title="${app.name}"
<#if "SP"==app.inducer>