Changes tabs' layout & makes logo clickable

This commit is contained in:
Vazhin Tayeb 2021-01-19 12:03:44 +03:00
parent 47153ef058
commit 59388fcb34
3 changed files with 11 additions and 9 deletions

View File

@ -43,14 +43,16 @@
{ {
<div class="col-lg-6 col-md-8"> <div class="col-lg-6 col-md-8">
<img src="~/images/logo-login.svg" alt="logo" style="height: 66px;" class="mb-5"> <a href="~/">
<img src="~/images/logo-login.svg" alt="logo" style="height: 66px;" class="mb-5">
</a>
<ul class="nav nav-tabs"> <ul class="nav nav-tabs d-flex justify-content-between w-100">
<li class="nav-item" onclick="usePassword()"> <li class="nav-item" onclick="usePassword()" style="width: 50%; text-align: center;">
<a class="nav-link active" href="#" id="passwordTab"><i class="fas fa-key mr-2"></i>Use <a class="nav-link active" href="#" id="passwordTab"><i class="fas fa-key mr-2"></i>Use
Password</a> Password</a>
</li> </li>
<li class="nav-item" onclick="useTotp()"> <li class="nav-item" onclick="useTotp()" style="width: 50%; text-align: center;">
<a class="nav-link" href="#" id="totpTab"><i class="fas fa-mobile-alt mr-2"></i>Use Mobile <a class="nav-link" href="#" id="totpTab"><i class="fas fa-mobile-alt mr-2"></i>Use Mobile
Phone</a> Phone</a>
</li> </li>
@ -77,8 +79,7 @@
<div class="form-group" style="display: none;" id="totp-input"> <div class="form-group" style="display: none;" id="totp-input">
<label asp-for="Totp">TOTP</label> <label asp-for="Totp">TOTP</label>
<input type="password" class="form-control rounded-sm" <input type="password" class="form-control rounded-sm" placeholder="Code"
placeholder="Type in the one-time-password from your authenticator app"
asp-for="Totp" autocomplete="off"> asp-for="Totp" autocomplete="off">
</div> </div>

View File

@ -20,7 +20,8 @@
{ {
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item dropdown"> <li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">@name <b class="caret"></b></a> <a href="#" class="nav-link dropdown-toggle px-3 py-2 rounded bg-white text-secondary"
data-toggle="dropdown">@name <b class="caret"></b></a>
<div class="dropdown-menu"> <div class="dropdown-menu">
<a class="dropdown-item" asp-action="RegisterMobileDevice" <a class="dropdown-item" asp-action="RegisterMobileDevice"

View File

@ -20,7 +20,7 @@
<div class="container mt-5"> <div class="container mt-5">
<h4 class="mt-5 mb-3 font-weight-bold">Taxable Properties</h4> <h4 class="mt-5 mb-3 font-weight-bold">Taxable Properties</h4>
<table class="table mt-3 rounded table-bordered"> <table class="table mt-3 rounded table-bordered">
<thead class="table-primary"> <thead class="bg-secondary text-white">
<tr> <tr>
<th scope="col">Area</th> <th scope="col">Area</th>
<th scope="col">Adress</th> <th scope="col">Adress</th>
@ -42,7 +42,7 @@
<div class="container"> <div class="container">
<h4 class="mt-5 mb-3 font-weight-bold">Vehicles</h4> <h4 class="mt-5 mb-3 font-weight-bold">Vehicles</h4>
<table class="table mt-3 rounded table-bordered"> <table class="table mt-3 rounded table-bordered">
<thead class="table-primary"> <thead class="bg-secondary text-white">
<tr> <tr>
<th scope="col">Model</th> <th scope="col">Model</th>
<th scope="col">License Plate</th> <th scope="col">License Plate</th>