Remaking close navbar.

This commit is contained in:
Tristan Roux
2019-01-25 21:24:50 +01:00
parent f291de7eb9
commit 2f5411cf8f
4 changed files with 13 additions and 4 deletions

View File

@@ -22,8 +22,8 @@
</ul>
</nav>
<div class="mobile-nav fixed-top navbar-dark collapse d-md-none" style="margin-top: 56px;">
<ul class="navbar-nav bg-primary">
<div class="fixed-top d-md-none navbar-dark" style="margin-top: 56px;">
<ul class="mobile-nav bg-primary collapse navbar-nav">
<li class="navbar-item active">
<a href="\" class="nav-link text-center">MusicApp</a>
</li>
@@ -37,6 +37,6 @@
<a href="other" class="nav-link text-center">Other</a>
</li>
</ul>
<div class="mobile-nav collapse fullHeight" data-toggle="collapse" data-target=".mobile-nav" style="background: none;"></div>
</div>
<!-- <div class="mobile-nav fixed-top d-md-none" style="height: 100vh; background: #ff0000;"></div> -->

View File

@@ -10488,4 +10488,8 @@ h2 {
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.fullHeight {
height: 100vh;
}
/*# sourceMappingURL=custom.css.map */

File diff suppressed because one or more lines are too long

View File

@@ -105,4 +105,9 @@ h2
{
transition: all .2s ease-in-out;
}
}
.fullHeight
{
height: 100vh;
}