generated from Seekra/repository-template
feat(place-search-bar-below-navbar): hide navbar search bar wrapper component on small screens
This commit is contained in:
@@ -26,7 +26,7 @@ import NavbarSearchBarWrapper from './NavbarSearchBarWrapper.vue';
|
|||||||
<RouterLink to="/" class="link button link">
|
<RouterLink to="/" class="link button link">
|
||||||
<img :src="logo" alt="Seekra" class="nav-logo" />
|
<img :src="logo" alt="Seekra" class="nav-logo" />
|
||||||
</RouterLink>
|
</RouterLink>
|
||||||
<NavbarSearchBarWrapper />
|
<NavbarSearchBarWrapper class="navbar-search-bar-wrapper" />
|
||||||
<ul class="right-links">
|
<ul class="right-links">
|
||||||
<li>
|
<li>
|
||||||
<LanguageSwitchButton />
|
<LanguageSwitchButton />
|
||||||
@@ -69,4 +69,10 @@ import NavbarSearchBarWrapper from './NavbarSearchBarWrapper.vue';
|
|||||||
height: 24px;
|
height: 24px;
|
||||||
width: auto;
|
width: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (max-width: 48rem) {
|
||||||
|
.navbar-search-bar-wrapper {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user