From 17570d400db3aa48133755c96cd007ea8f33b665 Mon Sep 17 00:00:00 2001
From: Jakob Scheid <jakob.scheid@icloud.com>
Date: Mon, 1 Jun 2026 15:26:47 +0200
Subject: [PATCH] feat(place-search-bar-below-navbar): hide navbar search bar
 wrapper component on small screens

---
 src/features/nav/components/Navbar.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/features/nav/components/Navbar.vue b/src/features/nav/components/Navbar.vue
index d19d293..f7c2b85 100644
--- a/src/features/nav/components/Navbar.vue
+++ b/src/features/nav/components/Navbar.vue
@@ -26,7 +26,7 @@ import NavbarSearchBarWrapper from './NavbarSearchBarWrapper.vue';
         <RouterLink to="/" class="link button link">
             <img :src="logo" alt="Seekra" class="nav-logo" />
         </RouterLink>
-        <NavbarSearchBarWrapper />
+        <NavbarSearchBarWrapper class="navbar-search-bar-wrapper" />
         <ul class="right-links">
             <li>
                 <LanguageSwitchButton />
@@ -69,4 +69,10 @@ import NavbarSearchBarWrapper from './NavbarSearchBarWrapper.vue';
     height: 24px;
     width: auto;
 }
+
+@media (max-width: 48rem) {
+    .navbar-search-bar-wrapper {
+        display: none;
+    }
+}
 </style>