Merge pull request #106 from TeamPiped/fix/search-mobile

Make search bar drop underneath nav on mobile
2024-11-10 02:08:21 +00:00 · 2021-03-31 16:08:45 +00:00 · 2021-03-31 16:08:45 +00:00 · 21ef4d01c0
commit 21ef4d01c0
parent 3990f4628a b205abd896
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 uk-hidden@s">
+            <input
+                class="uk-input"
+                type="text"
+                placeholder="Search"
+                v-model="searchText"
+                @keypress="onChange($event)"
+            />
+        </div>

        <router-view />