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">
<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">
<li class="nav-item" onclick="usePassword()">
<ul class="nav nav-tabs d-flex justify-content-between w-100">
<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
Password</a>
</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
Phone</a>
</li>
@ -77,8 +79,7 @@
<div class="form-group" style="display: none;" id="totp-input">
<label asp-for="Totp">TOTP</label>
<input type="password" class="form-control rounded-sm"
placeholder="Type in the one-time-password from your authenticator app"
<input type="password" class="form-control rounded-sm" placeholder="Code"
asp-for="Totp" autocomplete="off">
</div>

View File

@ -20,7 +20,8 @@
{
<ul class="navbar-nav">
<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">
<a class="dropdown-item" asp-action="RegisterMobileDevice"

View File

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