From 138fb5a3635fac5bc5c0670257b2ebd4c4501f87 Mon Sep 17 00:00:00 2001
From: Maurice Oegerli <maurice@oeger.li>
Date: Wed, 31 Mar 2021 18:00:39 +0200
Subject: [PATCH] Make search bar drop underneath nav on mobile
---
src/App.vue | 11 ++++++++++-
1 file changed, 10 insertions(+), 1 deletion(-)
diff --git a/src/App.vue b/src/App.vue
index f485ac89..d08769f6 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -17,7 +17,7 @@
/>iped</router-link
>
</div>
- <div class="uk-navbar-center uk-flex">
+ <div class="uk-navbar-center uk-flex uk-visible@s">
<input
class="uk-input"
type="text"
@@ -40,6 +40,15 @@
</ul>
</div>
</nav>
+ <div class="uk-container-expand">
+ <input
+ class="uk-input uk-hidden@s"
+ type="text"
+ placeholder="Search"
+ v-model="searchText"
+ @keypress="onChange($event)"
+ />
+ </div>
<router-view />