fix(ui): quick search items now wrap on mobile

Author: davidstackio

playground/pages/index.vue

@@ -31,7 +31,7 @@ const quickSearchValue = ref('')
 const searchGroups = [
   {
     title: 'Fruits',
-    items: ['Apple', 'Banana', 'Orange'],
+    items: ['Apple', 'Banana', 'Orange', 'Pear', 'Strawberry', 'Watermelon', 'Pineapple'],
   },
   {
     title: 'Vegetables',

src/runtime/components/QuickSearch.vue

@@ -54,14 +54,13 @@ const showQuickSearch = ref(props.show)
           <h3 class="text-subtitle-2 text-medium-emphasis">
             {{ group.title }}
           </h3>
-          <v-chip-group>
+          <v-chip-group column>
             <v-chip
               v-for="item in group.items"
               :key="item"
               :text="item"
               label
               size="small"
-              class="mr-2"
               :variant="search === item ? 'flat' : 'outlined'"
               :color="search === item ? 'secondary' : 'primary'"
               @click="search === item ? search = '' : search = item"