Commit f0dbef7b authored by Omar Elkadi's avatar Omar Elkadi
Browse files

full width nav buttons for small screens

parent f674f32f
...@@ -24,21 +24,21 @@ ...@@ -24,21 +24,21 @@
class="navbar-nav nav-pills nav-fill nav-justified me-auto mb-2 mb-lg-0" class="navbar-nav nav-pills nav-fill nav-justified me-auto mb-2 mb-lg-0"
role="tabpanel" role="tabpanel"
> >
<li class="nav-item btn btn-outline-success mx-1 align-self-center"> <li class="nav-item btn btn-outline-success mx-1 align-self-center w-100 mb-1">
<router-link to="/" class="nav-link" aria-current="page"> <router-link to="/" class="nav-link" aria-current="page">
Home Home
</router-link> </router-link>
<!--vue link instead of the anchor--> <!--vue link instead of the anchor-->
</li> </li>
<li class="nav-item btn btn-outline-success mx-1 align-self-center"> <li class="nav-item btn btn-outline-success mx-1 align-self-center w-100 mb-1">
<router-link to="/SickForm" class="nav-link" <router-link to="/SickForm" class="nav-link"
>Krakmelden</router-link >Krakmelden</router-link
> >
</li> </li>
<li class="nav-item btn btn-outline-success mx-1 align-self-center"> <li class="nav-item btn btn-outline-success mx-1 align-self-center w-100 mb-1">
<router-link to="/about" class="nav-link">About</router-link> <router-link to="/about" class="nav-link">About</router-link>
</li> </li>
<li class="btn btn-outline-success mx-1 align-self-center"> <li class="nav-item btn btn-outline-success mx-1 align-self-center w-100 mb-1 text-nowrap">
<router-link to="/CoronaStat" class="nav-link">Covid-19</router-link> <router-link to="/CoronaStat" class="nav-link">Covid-19</router-link>
</li> </li>
<!-- <li class="nav-item dropdown btn btn-outline-success mx-1"> <!-- <li class="nav-item dropdown btn btn-outline-success mx-1">
...@@ -69,7 +69,7 @@ ...@@ -69,7 +69,7 @@
> >
</li> --> </li> -->
</ul> </ul>
<form class="d-flex ml-auto"> <!-- <form class="d-flex ml-auto">
<input <input
class="form-control me-2 d-flex" class="form-control me-2 d-flex"
type="search" type="search"
...@@ -79,7 +79,7 @@ ...@@ -79,7 +79,7 @@
<button class="btn btn-outline-success mx-1" type="submit"> <button class="btn btn-outline-success mx-1" type="submit">
Search Search
</button> </button>
</form> </form> -->
</div> </div>
</div> </div>
</nav> </nav>
...@@ -95,14 +95,13 @@ ...@@ -95,14 +95,13 @@
.img-brand { .img-brand {
max-width: 380px !important; max-width: 380px !important;
display: block; display: block;
max-width: 100%; transform: scale(0.7);
transform: scale(0.9);
} }
.navbar { .navbar {
background-color: rgba(0, 0, 0, 0.6); background-color: rgba(0, 0, 0, 0.6);
} }
/* if the windows is small the navbar will not be fixed top any more */ /* if the windows is small the navbar will not be fixed top any more */
@media (max-width: 1000 px) { @media (max-width: 1000px) {
.fixed-top { .fixed-top {
position: relative !important; position: relative !important;
} }
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment