docs(SearchRecent): add gap between list-items

Author: johnleider

packages/docs/src/components/app/search/SearchRecent.vue

@@ -11,33 +11,35 @@
       {{ t('search.recent') }}
     </div>
 
-    <template v-for="(search, i) in searches" :key="`search-${i}`">
-      <v-list-item
-        :title="search.name"
-        :to="search.url"
-        append-icon="mdi-delete-outline"
-        density="comfortable"
-        lines="one"
-        prepend-icon="mdi-file-document-outline"
-        nav
-        slim
-      >
-        <template v-if="search.hash" #subtitle>
-          <div class="d-flex align-center">
-            <v-icon
-              class="me-1"
-              icon="mdi-pound"
-              size="x-small"
-            />
-            <span class="text-capitalize">{{ search.hash }}</span>
-          </div>
-        </template>
+    <div class="d-flex flex-column ga-1">
+      <template v-for="(search, i) in searches" :key="`search-${i}`">
+        <v-list-item
+          :title="search.name"
+          :to="search.url"
+          append-icon="mdi-delete-outline"
+          density="comfortable"
+          lines="one"
+          prepend-icon="mdi-file-document-outline"
+          nav
+          slim
+        >
+          <template v-if="search.hash" #subtitle>
+            <div class="d-flex align-center">
+              <v-icon
+                class="me-1"
+                icon="mdi-pound"
+                size="x-small"
+              />
+              <span class="text-capitalize">{{ search.hash }}</span>
+            </div>
+          </template>
 
-        <template #append>
-          <v-icon size="18" @click.prevent="emit('click:delete', i)" />
-        </template>
-      </v-list-item>
-    </template>
+          <template #append>
+            <v-icon size="18" @click.prevent="emit('click:delete', i)" />
+          </template>
+        </v-list-item>
+      </template>
+    </div>
   </AppSheet>
 </template>