Seekra/frontend
3
2
Fork 0
generated from Seekra/repository-template
Code Issues 4 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

feat(place-search-bar-below-navbar): show search bar wrapper component below the navbar on small screens

Browse Source
This commit is contained in:
Jakob Scheid
2026-06-01 17:44:06 +02:00
parent dd678fb393
commit 9ed8790649
1 changed files with 9 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/features/nav/components/Navbar.vue
+9
View File
@@ -36,6 +36,7 @@ import NavbarSearchBarWrapper from './NavbarSearchBarWrapper.vue';
</li> </li>
</ul> </ul>
</nav> </nav>
<NavbarSearchBarWrapper class="navbar-search-bar-wrapper-small-screens" />
</template> </template>
<style scoped> <style scoped>
@@ -70,9 +71,17 @@ import NavbarSearchBarWrapper from './NavbarSearchBarWrapper.vue';
width: auto; width: auto;
} }
.navbar-search-bar-wrapper-small-screens {
display: none;
}
@media (max-width: 48rem) { @media (max-width: 48rem) {
.navbar-search-bar-wrapper { .navbar-search-bar-wrapper {
display: none; display: none;
} }
.navbar-search-bar-wrapper-small-screens {
display: block;
}
} }
</style> </style>