generated from Seekra/repository-template
feat(place-search-bar-below-navbar): add padding to the search bar wrapper below the navbar (on small screens)
This commit is contained in:
@@ -36,7 +36,9 @@ import NavbarSearchBarWrapper from './NavbarSearchBarWrapper.vue';
|
|||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
<NavbarSearchBarWrapper class="navbar-search-bar-wrapper-small-screens" />
|
<div class="navbar-search-bar-wrapper-small-screens-wrapper">
|
||||||
|
<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