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

2026-06-01 17:44:06 +02:00
parent dd678fb393
commit 9ed8790649
1 changed files with 9 additions and 0 deletions
@@ -36,6 +36,7 @@ import NavbarSearchBarWrapper from './NavbarSearchBarWrapper.vue';
            </li>
        </ul>
    </nav>
+    <NavbarSearchBarWrapper class="navbar-search-bar-wrapper-small-screens" />
 </template>

 <style scoped>
@@ -70,9 +71,17 @@ import NavbarSearchBarWrapper from './NavbarSearchBarWrapper.vue';
    width: auto;
 }

+.navbar-search-bar-wrapper-small-screens {
+    display: none;
+}
+
@media (max-width: 48rem) {
    .navbar-search-bar-wrapper {
        display: none;
    }
+
+    .navbar-search-bar-wrapper-small-screens {
+        display: block;
+    }
 }
 </style>