generated from Seekra/repository-template
Show search bar below the navbar on the search results view on small screens #99
@@ -36,7 +36,9 @@ import NavbarSearchBarWrapper from './NavbarSearchBarWrapper.vue';
|
|||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
|
<div class="navbar-search-bar-wrapper-small-screens-wrapper">
|
||||||
<NavbarSearchBarWrapper class="navbar-search-bar-wrapper-small-screens" />
|
<NavbarSearchBarWrapper class="navbar-search-bar-wrapper-small-screens" />
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
@@ -71,6 +73,10 @@ import NavbarSearchBarWrapper from './NavbarSearchBarWrapper.vue';
|
|||||||
width: auto;
|
width: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.navbar-search-bar-wrapper-small-screens-wrapper {
|
||||||
|
padding: 0 15px 15px;
|
||||||
|
}
|
||||||
|
|
||||||
.navbar-search-bar-wrapper-small-screens {
|
.navbar-search-bar-wrapper-small-screens {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user