Make search bar drop underneath nav on mobile

2024-08-14 23:57:27 +00:00 · 2021-03-31 18:00:39 +02:00 · 2021-03-31 18:00:39 +02:00 · 138fb5a363
commit 138fb5a363
parent 3990f4628a
1 changed files with 10 additions and 1 deletions
--- 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 />