navbar implementation + fixes
parent
71a57f0e06
commit
552a779432
@ -1,22 +1,20 @@
|
||||
<!--Navbar-->
|
||||
<mdb-navbar SideClass="navbar navbar-expand-lg navbar-dark fixed-top scrolling-navbar">
|
||||
<navbar SideClass="navbar navbar-expand-lg navbar-dark fixed-top scrolling-navbar">
|
||||
<logo>
|
||||
<a class="logo navbar-brand waves-light" mdbRippleRadius href="#"><strong>MDB</strong></a>
|
||||
<a class="logo navbar-brand waves-light" mdbRippleRadius href="#"><strong>ParrainApp</strong></a>
|
||||
</logo>
|
||||
<links>
|
||||
<ul class="navbar-nav mr-auto">
|
||||
<li class="nav-item active waves-light" mdbRippleRadius>
|
||||
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
|
||||
<a class="nav-link" >Home <span class="sr-only">(current)</span></a>
|
||||
</li>
|
||||
<li class="nav-item waves-light" mdbRippleRadius>
|
||||
<a class="nav-link" href="#">Link</a>
|
||||
<a class="nav-link" (click)="loadRegisterComponent();">Register</a>
|
||||
</li>
|
||||
<li class="nav-item waves-light" mdbRippleRadius>
|
||||
<a class="nav-link" href="#">Profile</a>
|
||||
<a class="nav-link" (click)="loadLoginComponent();">Login</a>
|
||||
</li>
|
||||
</ul>
|
||||
<form class="form-inline waves-light" mdbRippleRadius>
|
||||
<input class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search">
|
||||
</form>
|
||||
</links>
|
||||
</mdb-navbar>
|
||||
</navbar>
|
||||
|
||||
|
@ -0,0 +1,11 @@
|
||||
.top-nav-collapse {
|
||||
background-color: #82b1ff !important;
|
||||
}
|
||||
.navbar:not(.top-nav-collapse) {
|
||||
background: transparent !important;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.navbar:not(.top-nav-collapse) {
|
||||
background: #82b1ff !important;
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue